【Vue】为什么 Vue 不使用 React 的分片更新?

第一,首先时间分片是为了解决 CPU 进行大量计算的问题,因为 React 本身架构的问题,在默认的情况下更新会进行很多的计算,就算使用 React 提供的性能优化 API,进行设置,也会因为开发者本身的问题,依然可能存在过多计算的问题。

第二,而 Vue 通过响应式依赖跟踪,在默认的情况下可以做到只进行组件树级别的更新计算,而默认下 React 是做不到的。再者 Vue 是通过 template 进行编译的,可以在编译的时候进行非常好的性能优化,比如对静态节点进行静态节点提升的优化处理,而通过 JSX 进行编译的 React 是做不到的。

第三,React 为了解决更新的时候进行过多计算的问题引入了时间分片,但同时又带来了额外的计算开销,就是任务协调的计算,虽然 React 也使用最小堆等的算法进行优化,但相对 Vue 还是多了额外的性能开销,因为 Vue 没有时间分片,所以没有这方面的性能担忧。(时间分片本身就是性能开销。

第四,根据研究表明,人类的肉眼对 100 毫秒以内的时间并不敏感,所以时间分片只对于处理超过 100 毫秒以上的计算才有很好的收益,而 Vue 的更新计算是很少出现 100 毫秒以上的计算的,所以 Vue 引入时间分片的收益并不划算。

相关推荐
inferno18 小时前
JavaScript 基础
开发语言·前端·javascript
cindershade18 小时前
Intersection Observer 的实战方案
前端
青莲84318 小时前
Kotlin Flow 深度探索与实践指南——中部:实战与应用篇
android·前端
cindershade18 小时前
事件委托(Event Delegation)的原理
前端
开发者小天18 小时前
React中useMemo的使用
前端·javascript·react.js
1024肥宅18 小时前
JS复杂去重一定要先排序吗?深度解析与性能对比
前端·javascript·面试
苹果醋318 小时前
iview— Select— Option选中后有空格
运维·vue.js·spring boot·nginx·课程设计
im_AMBER18 小时前
weather-app开发手记 04 AntDesign组件库使用解析 | 项目设计困惑
开发语言·前端·javascript·笔记·学习·react.js
用泥种荷花18 小时前
VueCropper加载OBS图片跨域问题
前端
武昌库里写JAVA18 小时前
在iview中使用upload组件上传文件之前先做其他的处理
java·vue.js·spring boot·后端·sql