当前位置:首页 > 科技  > 软件

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

来源: 责编: 时间:2024-07-11 17:34:33 351观看
导读Vue 十年啦!!!尤雨溪大佬开讲,Vue 十年啦!!!从一开始的一个视图层工具,一步一步走到现在,成为一个拥有全流程生态的顶级前端框架。图片图片回顾 Vue3.4 的特性接着回顾了Vue3.4的亮点:重构了模板解析器, 主要是不再依赖于正则表

Vue 十年啦!!!

尤雨溪大佬开讲,Vue 十年啦!!!从一开始的一个视图层工具,一步一步走到现在,成为一个拥有全流程生态的顶级前端框架。uOR28资讯网——每日最新资讯28at.com

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

回顾 Vue3.4 的特性

接着回顾了Vue3.4的亮点:uOR28资讯网——每日最新资讯28at.com

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

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

未来 Vue3.5 的新特性

接下来揭示了未来 Vue3.5 将会包含的新特性,Vue3.5 主要会做一些框架底层的优化:uOR28资讯网——每日最新资讯28at.com

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

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

Vue Vapor(无虚拟 DOM 的 Vue)

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

利用 Vapor Mode,开发者可以完全避免使用 Virtual DOM,这有助于减小应用的打包大小。uOR28资讯网——每日最新资讯28at.com

优点包括:uOR28资讯网——每日最新资讯28at.com

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

由于 Solid.js 和 Vue 在响应式系统方面的设计相似,均采用基于读取操作的自动追踪代理(Proxies),Vue 能够采用与 Solid.js 相似的编译策略。uOR28资讯网——每日最新资讯28at.com

关于它的具体解析请看我这篇文章:uOR28资讯网——每日最新资讯28at.com

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

Rolldown

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

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

图片图片uOR28资讯网——每日最新资讯28at.com

uOR28资讯网——每日最新资讯28at.com

Rollup 底层依赖了一个叫 OXC 的工具,OXC 是一个由 Rust 编写的高性能 JS 解析器uOR28资讯网——每日最新资讯28at.com

图片 图片 uOR28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-100469-0.htmlVueConf,尤雨溪公布 Vue3.5 新特性以及无虚拟DOM版本

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: Token无感知刷新前端

下一篇: Go语言实现Base64、Base58编码与解码,很简单

标签:
  • 热门焦点
  • K60 Pro官方停产 第三方瞬间涨价

    虽然没有官方宣布,但Redmi的一些高管也已经透露了,Redmi K60 Pro已经停产且不会补货,这一切都是为了即将到来的K60 Ultra铺路,属于厂家的正常操作。但有意思的是该机在停产之后
  • 对标苹果的灵动岛 华为带来实况窗功能

    继苹果的灵动岛之后,华为也在今天正式推出了“实况窗”功能。据今天鸿蒙OS 4.0的现场演示显示,华为的实况窗可以更高效的展现出实时通知,比如锁屏上就能看到外卖、打车、银行
  • vivo TWS Air开箱体验:真轻 臻好听

    在vivo S15系列新机的发布会上,vivo的最新款真无线蓝牙耳机vivo TWS Air也一同发布,本次就这款耳机新品给大家带来一个简单的分享。外包装盒上,vivo TWS Air保持了vivo自家产
  • 7月安卓手机性价比榜:努比亚+红魔两款新机入榜

    7月登场的新机有努比亚Z50S Pro和红魔8S Pro,除了三星之外目前唯二的两款搭载超频版骁龙8Gen2处理器的产品,而且努比亚和红魔也一贯有着不错的性价比,所以在本次的性价比榜单
  • 消息称迪士尼要拍真人版《魔发奇缘》:女主可能也找黑人演员

    8月5日消息,迪士尼确实有点忙,忙着将不少动画改成真人版,继《美人鱼》后,真人版《白雪公主》、《魔发奇缘》也在路上了。据外媒消息称,迪士尼将打造真人版
  • 从 Pulsar Client 的原理到它的监控面板

    背景前段时间业务团队偶尔会碰到一些 Pulsar 使用的问题,比如消息阻塞不消费了、生产者消息发送缓慢等各种问题。虽然我们有个监控页面可以根据 topic 维度查看他的发送状态,
  • 只需五步,使用start.spring.io快速入门Spring编程

    步骤1打开https://start.spring.io/,按照屏幕截图中的内容创建项目,添加 Spring Web 依赖项,并单击“生成”按钮下载 .zip 文件,为下一步做准备。请在进入步骤2之前进行解压。图
  • 滴滴违法违规被罚80.26亿 共存在16项违法事实

    滴滴违法违规被罚80.26亿 存在16项违法事实开始于2121年7月,历经一年时间,网络安全审查办公室对“滴滴出行”网络安全审查终于有了一个暂时的结束。据“网信
  • 苹果MacBook Pro 2021测试:仍不支持平滑滚动

    据10月30日9to5 Mac 消息报道,苹果新的 14 英寸和 16 英寸 MacBook Pro 2021 上市后获得了不错的评价,亮点包括行业领先的性能,令人印象深刻的电池续航,精美丰
Top