网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
用 Canvas 实现虚拟列表的难点在哪里？程序员讨厌面试被问一些基础问题么？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
用 // 代替 http:// 有什么好处？
react支持乌克兰，技术真的没国界吗？
调试一段代码两个小时都没搞定，继续死磕还是寻找其他方式，你一般会怎么做？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
算法老师劝学生放弃学习 JavaScript，我该怎么办？
如何评价阿当的文章《当我说前端基础时，我在说什么》？
慕课网收费的视频质量怎么样？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？jquery的几个小bug，大家帮忙分析下?
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
在asp.net mvc的视图文件（.cshtml）中引用外部文件？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
【校招面试】关于Typescript和ES6的对比？
为什么很多国内公司不使用 jQuery 等开源 JS 框架（库），而选择自己开发 JavaScript 框架？
在asp.net mvc的视图文件（.cshtml）中引用外部文件？
前端短时间内发送两个http请求，如何确保获取后发请求的响应？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
如何规范 CSS 的命名和书写？
十五言这样赤裸裸地抄袭 Medium，能被人们接受么？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
程序员讨厌面试被问一些基础问题么？
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
Vue 和 React 的优点分别是什么？
用 // 代替 http:// 有什么好处？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
为什么7年工作经验的前端竟然回答不出数组的flat方法?
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
前端框架Stimulus的使用体验如何？
如何评价 Typescript 的运行时类型检测工具io-ts？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
Vue 和 React 的优点分别是什么？
当人们说一个前端框架太“厚重”时，他们在说什么？
有哪些新手程序员不知道的小技巧？
smarty 应该由谁来写？
对象实体内this值改变问题？