网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
如何将C语言的一段代码转换为javascript形式？有哪些设计精美的网页？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
有什么适合碎片时间看的计算机基础书籍推荐？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
前端因为像素还原设计稿而离职，这是个别现象吗？
Promise 不能被取消，真的算是它的缺点吗？
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
为什么java返回json时用code=0表示成功, 而我观察的php和nodejs都是用1表示成功?
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
如何看待某托管在 GitHub 的前端开源项目关闭 Issue 栏目的行为？对象实体内this值改变问题？
框架用比不用的真正优势？
如何看待 Facebook 计划将 React 改为 MIT 许可证？
“云原生”（Cloud Native）和前端开发的技术结合点在哪里？
为什么没有介绍谷歌JavaScript V8引擎的书？
web前端使用框架相对于直接用html+css+js有哪些优势？
JavaScript能否能实现所有函数调用时的钩子函数？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
“云原生”（Cloud Native）和前端开发的技术结合点在哪里？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
Promise 不能被取消，真的算是它的缺点吗？
为什么那么多公司做前后端分离项目后端响应的 HTTP 状态一律 200？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
哪个学校的网站首页最好看？
现在整个 Web 前端是「屎山」吗？
React.js有哪些设计缺陷？
【校招面试】关于Typescript和ES6的对比？
在asp.net mvc的视图文件（.cshtml）中引用外部文件？
如何评价 minggeJS ？
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
如何评价阿里的新开源飞冰（ICE）?
JavaScript 是什么？
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
如何看待B站 (bilibili) 开源 HTML5 播放器内核 flv.js?
微信朋友圈能分享有颜色文字算是bug吗?
微信朋友圈能分享有颜色文字算是bug吗?
有哪些效果拔群的 WebAssembly 应用？
接私活结果最后钱要不回来该怎么办？
避免使用 eval、new Function 的方法可以降低 XSS 攻击的风险吗？为什么？