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

开发 前端
Vapor 是 无虚拟DOM版本Vue,目前还在实验性阶段,但是这个项目目前在逐步完善,已经可以在 playground 中运行 TodoMVC 程序。

前言

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

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

责任编辑:武晓燕 来源: 前端之神
相关推荐

2024-03-06 07:28:23

Vue前端开发Vapor 模式

2023-10-06 09:43:13

2024-10-09 14:07:05

2023-11-22 10:12:43

Sortablejs拖拽库

2023-04-10 09:15:25

Vite 4.3SWC 插件

2022-11-08 15:19:49

软件工具

2022-11-02 08:12:47

TurbopackVite

2023-12-20 15:41:46

VueViteVue 3

2023-07-26 08:34:40

VueReact

2022-09-08 16:31:17

前端Web

2022-01-26 11:00:59

尤雨溪Vue漏洞

2024-07-12 08:03:18

2018-12-13 12:13:04

前端开发编程

2021-08-19 06:20:32

Native CSS 前端尤雨溪

2009-12-10 09:23:13

ASP.NET开发

2024-05-30 07:07:00

Virtual虚拟 DOM前端

2021-10-03 15:15:30

Vue.JSGitee Pages中文文档

2023-11-26 09:04:10

Vue性能

2024-07-11 09:00:13

2021-04-26 18:27:39

Vue3开发运行
点赞
收藏

51CTO技术栈公众号