尤雨溪:Vue未來性能將大幅提升!Vite 打包效率上升100%!
前言
大家好,我是林三心,用最通俗易懂的話講最難的知識點是我的座右銘,基礎是進階的前提是我的初心~
在 2024 年 2 月 28 號 - 2024 年 2 月 29 號,Vue 召開了 VueJS Amsterdam 2024
大佬尤雨溪進行了開場主旨演講,并回顧了 Vue 十年來的歷程,從一個視圖層工具,逐成為了一個非常出色的、擁有強大生態的前端框架
圖片
圖片
回顧 Vue 3.4
首先回顧了一下再 2023 年末發布的 Vue3.4,主要列舉了:
- 重寫了模板編譯器,性能提升明顯
- watchEffect 響應式效率的提升
- defineModel 從實驗性轉為正式API
- 簡化了 v-model 和 v-bind 的寫法
圖片
展望 Vue3.5
接著是對于 Vue3.5 的展望,其實也算是透露了未來 Vue3.5 即將包含的新特性,主要就是對于框架底層的優化
第一個優化就是響應式的優化。主要是在調度任務重使用位運算標記優化 queueJob 任務隊列,帶來的效果非常明顯:內存使用率得到了 56% 的提升。其實這個優化早在 無虛擬DOM版本Vue——Vapor 中就實行了,現在應該是發現效果不錯,所以把這項優化移植到主版本 Vue 中
第二個優化就是 @vue/reactivity 暴露出一個 readArray 方法,它是一個面向性能的高級響應式函數,它返回原始數組并對其進行完整跟蹤,并可以用入參指示是否深度跟蹤響應式數組。這個方法在面對大數組的時候,甚至能得到十倍性能的提升
在 SSR 服務器渲染方面,也優化了 Suspend 等特性
圖片
Vapor
Vapor 是 無虛擬DOM版本Vue,目前還在實驗性階段,但是這個項目目前在逐步完善,已經可以在 playground 中運行 TodoMVC 程序
我之前也寫過一篇文章專門介紹 Vapor,感興趣的可以去這里看看:
圖片
Vite 打包性能提升
Vite 的最新版本將引入一種名為 Rolldown 的新型打包工具,這是基于 Rust 的 Rollup 兼容 API 的重新實現。這項工具經過長時間開發,支持了包括樹搖(tree shaking)在內的功能,能夠提供比 ESbuild 更快兩倍的編譯效率。一旦 Rolldown 能夠完全取代 Rollup 和 ESbuild,開發者在使用 Vite 進行開發和生產構建時,將能夠體驗到顯著的性能提升,無需手動切換
Rolldown 的底層驅動來自一個名為 Oxc 的工具,它是一個用 Rust 語言編寫的高效 JavaScript 解析器,該體系還包括了 TypeScript 轉譯等功能。一旦這套工具組合完善,將能夠在構建 Vue 項目時,將 Babel、ESbuild、Rollup、Tercer 等工具整合為一體,使得開發流程更加統一、高效,同時也更易于理解
圖片
Vue!!!yyds!!!
Vue 走過十年了!感謝 Vue!加油,未來,我們一起前行!