网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
如何理解 let x = x 报错之后，再次 let x 依然会报错？如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
Github、Node、React、pytorch 等官网声明支援乌克兰，如何看待开源组织参与政治?
React.js有哪些设计缺陷？
如何看待B站 (bilibili) 开源 HTML5 播放器内核 flv.js?
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？
不太理解预防csrf攻击中的“双提交cookie”是什么意思？
微软在编程领域是不是大势已去？
假如女朋友（前端女）专门做了一个网页送给你作生日礼物，你会很感动吗很喜欢这份礼物吗？
关于下面这段代码的报错是怎么个过程？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
display:flex在移动端兼容性怎么样？前端工程师讨厌写 CSS 是什么心态？
如何去判断 JS 字符串中含某个字符串？
前端当前是否处在一个糟糕的时代？
前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
作为前端开发者，不了解flash，可耻吗？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
jQuery为什么还在发布新版本？
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
用ASP.NET开发的网站是不是安全性很差?
王垠的《谈谈Parser》是在回应 winter 吗？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
为什么 Java 和 JS 等语言需要 VM，不能直接操作内存堆栈空间？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
当人们说一个前端框架太“厚重”时，他们在说什么？
为什么很多国内公司不使用 jQuery 等开源 JS 框架（库），而选择自己开发 JavaScript 框架？
文本格式（txt、doc）的HTML，有什么办法快速读取出特定的标签及里面的内容？
如何劝说后端开发不要拿变量命名 JSON 的key值？
程序员讨厌面试被问一些基础问题么？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
用Vue开发前端，UI框架用elementui好还是bootstrap好呢？
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
【校招面试】关于Typescript和ES6的对比？
XML在数据传输哪些方面会比JSON有优势，在哪些领域更加适合？
为什么 CSS 这么难学？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
为什么前端不能一直做？难道要转行？？
Edge 浏览器当初为什么不是基于 Firefox 重构？
如何在程序里留下彩蛋？