网站首页 > 技术文章 正文
最近 Vue 团队表示,Vue 的响应式将会是所有前端框架中最快的!!!
而为什么 Vue 团队敢这么狂呢,其实是有原因的,因为在 Vue3.5 中引入了 alien-signals 这个库,就是因为这个,提升了整个响应式的性能!!
github PR 链接: https://github.com/vuejs/core/pull/12349
alien-signals,顾名思义,就是一个基于 signals 实现的库,它是基于 Vue3.4响应系统 + signals 去实现的一个全新的响应式库
以下是 alien-signals 的使用示例:
作者说了,这个库是当前所有 signals库 中速度最快的!!!我查了一下,现在基于 signals 实现的工具库还真不少~
经过此次优化,性能是原本的 400%,在 Vue3.5 中甚至可以提升至原本的 6500% !! 太可怕了吧!!!
到底为啥快呢?
这是团队发的,翻译一下大概就是:
- 1、当创建大数量的 ref、computed、effect 实例时,内存占用降低 13% (2.3MB -> 2.0MB)
- 2、在 computed 依赖 ref 的场景下,当 ref 改变会导致 computed 重新计算,而这一过程的速度会提升 30倍
- 3、代码逻辑的编写更加的合理,降低耦合度,提高了可维护性和可读性~
到底快了多少?
说了这么多,到底快了多少呢?有没有数据支撑呢?
有的,团队也发了一些前后对比的数据
最后列是性能提升的倍数
computed
ref
effect
体积变化
由于此次优化,修改了一些代码,所以导致响应的包体积也发生了变化
猜你喜欢
- 2025-01-15 饿了么团队开源新轮子:v-charts让你开心的使用echarts
- 2025-01-15 接入 imgcook 后 CBU体验技术团队 提效 40%+
- 2025-01-15 自动化 Web 性能分析之 Puppeteer 爬虫实践
- 2025-01-15 Chair:支付宝前端团队推出的Node.js Web框架
你 发表评论:
欢迎- 577℃几个Oracle空值处理函数 oracle处理null值的函数
- 573℃Oracle分析函数之Lag和Lead()使用
- 559℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 557℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 554℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 543℃【数据统计分析】详解Oracle分组函数之CUBE
- 531℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 527℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)