网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
为什么java返回json时用code=0表示成功, 而我观察的php和nodejs都是用1表示成功?前端开发中，使用base64图片的弊端是什么？
项目代码的公共部分该由谁去维护？
为什么都说富文本编辑器是天坑？
随着 JavaScript 越来越完善，还有必要学习 TypeScript 吗？
作为前端开发者，不了解flash，可耻吗？
如何看待百度要求内部全面停止使用 React / React Native?
浏览器根据charset判断编码方式的疑问？
如何看待faker.js 开源作者删除了所有的代码？
用 // 代替 http:// 有什么好处？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
如何理解 let x = x 报错之后，再次 let x 依然会报错？从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
2018年一个合格的前端应该是什么样的？
前端会有未来吗？
有哪些短小却令人惊叹的 JavaScript 代码？
为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？
前端工程师讨厌写 CSS 是什么心态？
程序员讨厌面试被问一些基础问题么？
大型公司里外包员工和正式员工有什么区别？
如何不使用loop循环，创建一个长度为100的数组，并且每个元素的值等于它的下标？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
从事前端真的没有后端工资高？
如何用通俗易懂的语言解释脚本（script）是什么？
能够用WordPress仿造apple、魅族官网吗？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
如何看待react被围攻？技术中立存在吗？
前端当前是否处在一个糟糕的时代？
为什么 input 元素能用 width 属性？
如何看待 node-ipc 包以反战为名进行供应链投毒？
JavaScript 有必要缓存 for 循环中的 Array.length 吗？
es,js,ts三者有什么关系？
JavaScript里面有什么是不用刻意学的？
小程序会成为下一个 Flash 吗？
用JavaScript做其他语言擅长的事情“好”么？
Web 前端密码加密是否有意义？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
如何看待千锋教育在全网开源自己的全学科教学视频？
JavaScript 最失败的设计是 arguments 吗？