网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
应对流量劫持，前端能做哪些工作？为什么操作系统没有前端和后端，而计算机很多其他领域却分前后端?
如何评价 Google 的新 Logo 及 VI ？
用 Canvas 实现虚拟列表的难点在哪里？
前端框架Stimulus的使用体验如何？
如何评价 Google 的新 Logo 及 VI ？
前端现在怎么这么多人？
怎么理解元编程？
前端开发中，使用base64图片的弊端是什么？
微信朋友圈能分享有颜色文字算是bug吗?
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
在asp.net mvc的视图文件（.cshtml）中引用外部文件？为什么现在又流行服务端渲染html？
如何看待React UI 库 evergreen ？
用Vue开发前端，UI框架用elementui好还是bootstrap好呢？
JavaScript 是什么？
客户端 POST 错误，服务端应该回 200 还是 400？
现在大多数中国Web前端开发工程师是否会考虑无障碍性(Accessibility)？
为什么在 macOS 下 Chrome 的流畅度比 Safari 差很多？
如何评价微信小程序内嵌网页功能开放？
为什么前端老觉得后端简单？
为什么 CSS :not 选择器不支持复杂选择？
Web 前后端分离的意义大吗？
单人做一个网站需要掌握哪些知识？
用python如何写网页？有好的教程码？
如何看待知乎前后端关注度差距悬殊的现象？
moment.js为何要设计成mutable的，有何优缺点？
独立开发先写前端还是先写后端？
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
Javascript 初学者如何思考才可以把脑中的东西转换成代码写出来？
计算机专业的学生如何系统的学习前端技术？
现在整个 Web 前端是「屎山」吗？
女生28岁，培训4个月前端后找不到工作，还要继续考虑做这行吗？
为什么尤大说react的性能不如vue？
JavaScript 最失败的设计是 arguments 吗？
用python如何写网页？有好的教程码？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
JavaScript能否能实现所有函数调用时的钩子函数？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
为什么都说富文本编辑器是天坑？
为什么有些前端一直用 div 当按钮，而不是用 button？