V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xilixjd
V2EX  ›  程序员

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

  •  
  •   xilixjd · 2018-12-23 11:57:12 +08:00 · 3258 次点击
    这是一个创建于 2148 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    第一篇:前端页面热数据太多,每秒都要请求几百个数据更新,开发这样的页面 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,仅此而已

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1732 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:01 · PVG 08:01 · LAX 16:01 · JFK 19:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.