网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
在asp.net mvc的视图文件（.cshtml）中引用外部文件？如何看待鸿蒙应用开发框架采用JavaScript作为开发语言？
如何看待 React 团队核心成员 Sebastian 离职加入 Vercel？
前端开发的难点到底在什么地方?
前端开发的难点到底在什么地方?
为什么7年工作经验的前端竟然回答不出数组的flat方法?
前端嫌我接口分的太多，我该怎么回答？
为什么前端不能一直做？难道要转行？？
Typescript 如何使一个传入的 Array 类型变为元组类型？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
设计闭包（Closure）的初衷是为了解决什么问题？程序员们平时都喜欢逛什么论坛呢？
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?
普通程序员在未来会变成廉价劳动力（农民工）吗？
JavaScript(V8，Node) 的开发效率比 Java(JVM，Vert.x) 高在哪里？
如何评价 Ant Design 这个项目（一个设计语言）？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
程序员讨厌面试被问一些基础问题么？
美国国会举行听证会讨论 「Web3.0」，目前技术发展状况如何？未来可能在哪些领域带来新发展？
“云原生”（Cloud Native）和前端开发的技术结合点在哪里？
为何浏览器控制台的JavaScript引擎性能这么差？
如何看待 Facebook 计划将 React 改为 MIT 许可证？
JavaScript 有必要缓存 for 循环中的 Array.length 吗？
JavaScript处理一个100M的超大xml，跑不出来以至于IE未响应怎么办？
如何衡量一个人的 JavaScript 水平？
为什么知乎上大家都觉得前端自学比培训好？
JavaScript 有必要缓存 for 循环中的 Array.length 吗？
5G 的到来会造成编程语言大灭绝进而 JS 一统应用前端吗?
如何看待React.js 官方文档支持乌克兰 ，释放了哪些信息？
微信朋友圈能分享有颜色文字算是bug吗?
如何看待 Facebook 计划将 React 改为 MIT 许可证？
如何看待React.js 官方文档支持乌克兰 ，释放了哪些信息？
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
如何用通俗易懂的语言解释脚本（script）是什么？
有哪些新手程序员不知道的小技巧？
如何看待前端面试不知道 lodash 被嘲讽不可思议？
初期学习前端有合适的电脑推荐么？
Typescript 如何使一个传入的 Array 类型变为元组类型？
如何评价百度在成都女司机投票上面明目张胆的造假的行为？
canvas可以替代html与css了吗？