网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
前端当前是否处在一个糟糕的时代？JavaScript能否能实现所有函数调用时的钩子函数？
为什么后端按月份查询数据的时候，不直接让前端传一个年月就好？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
微信朋友圈能分享有颜色文字算是bug吗?
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
作为一个前端小白，应该从那些方面开始学习？
在asp.net mvc的视图文件（.cshtml）中引用外部文件？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
假如女朋友（前端女）专门做了一个网页送给你作生日礼物，你会很感动吗很喜欢这份礼物吗？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
为什么知乎上大家都觉得前端自学比培训好？如何让领导打消让UI写前端的念头？
前端工程师讨厌写 CSS 是什么心态？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
前端会有未来吗？
浏览器根据charset判断编码方式的疑问？
如何评价 Typescript 的运行时类型检测工具io-ts？
纯CSS3有什么实现垂直居中的新方法吗？
React.js有哪些设计缺陷？
有哪些效果拔群的 WebAssembly 应用？
如何评价知乎 2017 年 1 月 的改版？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
如何看待ry的项目deno的issue被中文刷屏的事件？
怎么理解元编程？
张鑫旭称前端工程师应该为用户体验负责，对此你怎么看？
如何看待React UI 库 evergreen ？
如何评价 Typescript 的运行时类型检测工具io-ts？
Node.js 在双十一中有哪些应用，表现如何？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
JavaScript中对 function 的参数进行重新赋值的影响?
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
如何看待 node-ipc 包以反战为名进行供应链投毒？
JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？
如何看待知乎前后端关注度差距悬殊的现象？
哪个学校的网站首页最好看？
你是如何学会正则表达式的？
2022 年，学完 JS 高级后的学习路线怎样规划？
前后端分离开发为啥要做成单页面的？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？