关于 react 和 vue 的性能问题,两篇文章即可终结这个话题

2018-12-23 11:57:12 +08:00
 xilixjd

都是尤大所写,权威性极具保障

第一篇:前端页面热数据太多,每秒都要请求几百个数据更新,开发这样的页面 Vue 性能怎么样?

总结:几百个数据更新市面上主流框架都没问题,但是页面同时展示的数据并不是越多越好,数据更新的频率也不是越快越好

第二篇:网上都说操作真实 DOM 慢,但测试结果却比 React 更快,为什么?

干货满满的一篇

总结: 初始渲染:Virtual DOM > 脏检查 >= 依赖收集

小量数据更新:依赖收集 >> Virtual DOM + 优化 > 脏检查(无法优化) > Virtual DOM 无优化

大量数据更新:脏检查 + 优化 >= 依赖收集 + 优化 > Virtual DOM (无法 /无需优化)>> MVVM 无优化

我个人的理解:React 的性能相比 vue 肯定是不足的,vue 的体积更小,加载更快。虽然首次渲染时 vue 要稍微慢一点,但是更新时 vue 的细粒度更加细,react 的更新是自顶向下的,如果是 react15,这个过程也是一气呵成不可暂停的,所以对开发人员的手动优化的要求更加高,react 选用 virtual dom 和 diff 算法,考虑的是 dom 操作的性能问题,但是没考虑到 js 运行时 diff 操作同样存在性能问题,react16 的推出即是缓解这类问题

为何 vue 并不急于更新架构做时间分片等功能,还是因为 vue 的更新并不是自顶向下一气呵成的,而是自动检测数据变化后做相应的更新,不需要开发人员做性能相关的维护工作

我个人写 react 写的更多,对 react 理解也更深,然而我个人觉得 vue 比 react 更加胜任市面上大部分的项目开发,特别是对于中小型项目(实际上市面上大型前端项目算得上很少),webapp 项目。我个人更加喜欢 react,仅仅是因为它的开发方式,它的 api,jsx,仅此而已

3267 次点击
所在节点    程序员
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/520155

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX