网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
为什么那么多公司做前后端分离项目后端响应的 HTTP 状态一律 200？为什么尤大说react的性能不如vue？
如果工作一年经验的前端开发人员比工作两年的功能测试人员工资低，你还愿意待在那家公司吗？
对于一般程序员来说，怎么防止为了潮流技术 疲于奔命？
已经 2022 年了，学习 JavaScript 继承方式的意义是什么？
用 Canvas 实现虚拟列表的难点在哪里？
web前端是不是没有前景了？
如何看待React.js 官方文档支持乌克兰 ，释放了哪些信息？
计算机专业的学生如何系统的学习前端技术？
你见过哪些奇趣的代码注释？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
王垠的《谈谈Parser》是在回应 winter 吗？从事前端真的没有后端工资高？
JavaScript 如果拥有多线程能力会怎样？
计算机专业的学生如何系统的学习前端技术？
怎么评价淘宝 Web 前端工程师对微软 WP 系统 Web 不兼容的回应？
如何看待前端面试不知道 lodash 被嘲讽不可思议？
jQuery为什么还在发布新版本？
2022 年，学完 JS 高级后的学习路线怎样规划？
用 Canvas 实现虚拟列表的难点在哪里？
前端开发的难点到底在什么地方?
前端现在怎么这么多人？
Stack Overflow 2016 年度报告中有哪些有趣的事实？
大型公司里外包员工和正式员工有什么区别？
用JavaScript做其他语言擅长的事情“好”么？
用ASP.NET开发的网站是不是安全性很差?
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
哪个学校的网站首页最好看？
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
如何看待react被围攻？技术中立存在吗？
如何评价腾讯网首页 2012 年 7 月的改版？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
如何评价 Google 的新 Logo 及 VI ？
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
后端开发第一次做项目，该如何实现前端页面？可以拿别人开源项目的页面过来直接用，自己写后端接口吗？
为什么 CSS 这么难学？
IT 公司需要前后端都懂的人吗？
如何看待前端的响应式编程，后台有类似的实现吗？
react让我怀疑自己没有当程序员的天分怎么破？