VueConf,尤雨溪公布 Vue3.5 新特性以及无虚拟DOM版本

前端私教训练营:1v1私教,终身辅导计划,帮你拿到满意的 offer 已帮助数百位同学拿到了中大厂 offer

前言

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

Vue Conf 2024正式结束,总结一下大会上的一些要点~

Vue 十年啦!!!

尤雨溪大佬开讲,Vue 十年啦!!!从一开始的一个视图层工具,一步一步走到现在,成为一个拥有全流程生态的顶级前端框架



回顾 Vue3.4 的特性

接着回顾了Vue3.4的亮点:

  • 重构了模板解析器, 主要是不再依赖于正则表达式,而是使用了 HTML Parser 中的状态机来进行解析,使得模板解析的速度至少提升了两倍
  • 重构了响应式的逻辑, 使得计算属性更加高效快速,提升了 watchEffect 的效率,如果计算结果不变,那么 watchEffect 不会被重新触发
  • defeinModel `稳定版推出, 开发者可以直接使用,因为它已经正式成为 Vue3.4 的 API 了
  • v-bind 同名简写, 比如<img :id="id" :src="src" :alt="alt"> 可以简写为 <img :id :src :alt>


未来 Vue3.5 的新特性

接下来揭示了未来 Vue3.5 将会包含的新特性,Vue3.5 主要会做一些框架底层的优化:

  • 响应式逻辑上的提升, 调度任务中使用位运算去优化任务队列,这一项优化原本是在无虚拟DOM版本 Vapor 中的,现在直接移植到 Vue3.5 中,通过这项优化,内存使用率提升 56%
  • 响应式逻辑上的提升, 优化了大数组的响应式性能,可获得十倍性能收益
  • @vue/reactivity 提供 readArray 方法供开发者使用, 这是一个高性能的处理数组响应式的方法
  • 优化了 SSR 服务端渲染的一些特性


Vue Vapor(无虚拟 DOM 的 Vue)

接下来是 Vue Vapor,Vapor Mode 是 Vue 3 的一项革新特性,其设计灵感来自于 Solid.js。此特性通过优化代码编译成更高效的 JavaScript 来提高应用程序的性能

利用 Vapor Mode,开发者可以完全避免使用 Virtual DOM,这有助于减小应用的打包大小

优点包括:

  • 性能提升
  • 更低的内存需求
  • 更精简的运行时代码

由于 Solid.js 和 Vue 在响应式系统方面的设计相似,均采用基于读取操作的自动追踪代理(Proxies),Vue 能够采用与 Solid.js 相似的编译策略

关于它的具体解析请看我这篇文章:



Rolldown

Vite 在新版本中可能会使用 Rolldown 来进行打包,它是一个由 Rust 开发的打包工具,你可以把它当做是一个 Rust 版本的 Rollup,目前已经兼容 Vite/Rollup 一半的插件,速度比 esbuild 更快!速度是 esbuild 的 1.2-1.5 倍!!



Rollup 底层依赖了一个叫 OXC 的工具,OXC 是一个由 Rust 编写的高性能 JS 解析器


再次总结(任重而道远)

尤雨溪大佬表示,虽然 Vue2 到 Vue3 的升级一路艰辛,但是最后还是升级完成了,Vue2 也官宣停止支持

接下来,Vue 还有很长的路要走,Vue 会越做越好!!!敬请期待!!!



结语

我是林三心,感谢您的阅读~

1v1私教、找工作、全程陪跑、终身服务

推荐一个非常靠谱的 Sunday 老师目前在做一个【1v1前端私教训练营】主打的就是:1v1 私教,终身辅导,帮大家拿到满意的 offer 点击这里即可查看详情

可直接加 Sunday老师 微信沟通,回复【资料】可直接领取 Sunday独家整理 大厂面试题、大厂真实面经

相关推荐

  • 技术干货丨TDSQL 列存引擎 LibraDB 计算模型的设计与思考
  • Vue3.x 第三方拖拽库合集,覆盖 99% 拖拽需求!
  • 程序员必备!最全技术文档写作指南
  • 新手必看!RPA自动化入门指南,省钱省时又省力,轻松上手!
  • 干掉一个干部,比干掉一百个员工更管用
  • 开箱!开发者的第一个仓颉语言程序 | 文末赠书
  • Spring Boot实现分布式验证码登录方案
  • 单一作者论文,谷歌提出百万专家Mixture,超越密集前馈、稀疏MoE
  • 手把手 从 0 到 1 搞定官网开发
  • [开源]MIT开源协议的测试平台,专注于接口自动化测试的管理平台
  • 谈谈登录系统的演进、设计与实现
  • Spring Boot集成pf4j实现插件开发功能
  • 无人驾驶出租车爆火,武汉司机有些慌
  • 一个比requests还好用的Python高效爬虫库,效率提高一倍!
  • Modbus通信中到底用大端还是小端???
  • 29.8K Star谷歌都在用!!!超2万人关注的测试爬虫工具
  • 开源日报 | Vitest 2.0;谷歌专用API;通义千问“国服最强”;加州起草法案把开源管起来;汽车基础软件开源引热议
  • AI技术创新可以有多硬核?GOTC 2024论坛议程抢先看
  • Rust即将进入前十:中赢、大赢、还是特大赢?
  • 上交发布MG-LLaVA,基于多粒度指令调整,横扫视觉大模型榜单