尤雨溪:Vue未来性能将大幅提升!Vite 打包效率上升100%!

2024年 3月 8日 80.3k 0

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

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

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论