• 尤雨溪:Vue未来性能将大幅提升!Vite 打包效率上升100%!
  • 发布于 1个月前
  • 269 热度
    0 评论
在 2024 年 2 月 28 号 - 2024 年 2 月 29 号,Vue 召开了 VueJS Amsterdam 2024 。大佬尤雨溪进行了开场主旨演讲,并回顾了 Vue 十年来的历程,从一个视图层工具,逐成为了一个非常出色的、拥有强大生态的前端框架。

回顾 Vue 3.4
首先回顾了一下再 2023 年末发布的 Vue3.4,主要列举了:
1.重写了模板编译器,性能提升明显
2.watchEffect 响应式效率的提升
3.defineModel 从实验性转为正式API
4.简化了 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 程序。

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!加油,未来,我们一起前行!
用户评论