网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
ES6 await为什么建议用try...catch捕获错误？请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
如果一瞬间让所有编程语言的0.1 + 0.2 == 0.3，会造成多大影响？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
前端开发的难点到底在什么地方?
为什么 TypeScript 有泛型而 PHP 却没有？
能独立做出一个自己的博客，前端程序员是什么水平?
公司上下近 300 号人，但做 web 开发的就我一个人，请问有必要用 vue 这种前后端分离吗？
如何让领导打消让UI写前端的念头？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
前端开发的难点到底在什么地方?前端框架Stimulus的使用体验如何？
前端技术岗，阿里 P7、百度 T6、腾讯 T3.1 的要求是怎样的？
程序员讨厌面试被问一些基础问题么？
为什么前端不能一直做？难道要转行？？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
用 // 代替 http:// 有什么好处？
为什么在 macOS 下 Chrome 的流畅度比 Safari 差很多？
大一新生如何自学JavaScript?
用ASP.NET开发的网站是不是安全性很差?
各个编程语言都有哪些「亮点」？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
大公司实习经历对下一份工作能带来多少帮助？
如何看待 Ant Design 圣诞节彩蛋事件？
React.js有哪些设计缺陷？
现在大多数中国Web前端开发工程师是否会考虑无障碍性(Accessibility)？
为什么前端不能一直做？难道要转行？？
能独立做出一个自己的博客，前端程序员是什么水平?
怎样学习才能拥有所谓“高并发”的经验？
如何看待哔哩哔哩的 flv.js 作者月薪不到 5000 元？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
慕课网收费的视频质量怎么样？
后端开发第一次做项目，该如何实现前端页面？可以拿别人开源项目的页面过来直接用，自己写后端接口吗？
为什么大学不教javaScript？
前端开发中，使用base64图片的弊端是什么？
浏览器自身为什么不集成js，jQuery文件？反正每个网站基本都会用到？
Facebook 内部如何看待此次 React 专利事件？
为什么知乎前端圈普遍认为H5游戏和H5展示的JSer（负责前端界面工作的程序员）不属于前端工程师呢？
用 Canvas 实现虚拟列表的难点在哪里？