网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？【校招面试】关于Typescript和ES6的对比？
公司规定所有接口都用 post 请求，这是为什么？
前端技术岗，阿里 P7、百度 T6、腾讯 T3.1 的要求是怎样的？
如何看待某托管在 GitHub 的前端开源项目关闭 Issue 栏目的行为？
为什么程序都要用英文写，中文不行吗？
前端当前是否处在一个糟糕的时代？
如何看待 Facebook 计划将 React 改为 MIT 许可证？
前端当前是否处在一个糟糕的时代？
jquery的几个小bug，大家帮忙分析下?
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
JavaScript 有必要缓存 for 循环中的 Array.length 吗？如何劝说后端开发不要拿变量命名 JSON 的key值？
如何看待百度要求内部全面停止使用 React / React Native?
有什么适合碎片时间看的计算机基础书籍推荐？
有哪些好的免费服务器平台推荐？
你见过哪些奇趣的代码注释？
JavaScript能否能实现所有函数调用时的钩子函数？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
有什么适合碎片时间看的计算机基础书籍推荐？
为什么同样作为程序员，和BAT的差距就那么大呢？
作为前端开发者，不了解flash，可耻吗？
忽然发现自己敲键盘的指法很不标准，我觉得已经对 coding 效率产生影响，怎么办？
为什么 TypeScript 有泛型而 PHP 却没有？
为什么大学不教javaScript？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
你为什么不使用 TypeScript？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
“云原生”（Cloud Native）和前端开发的技术结合点在哪里？
如何评价阿里的新开源飞冰（ICE）?
为什么程序都要用英文写，中文不行吗？
怎么评价淘宝 Web 前端工程师对微软 WP 系统 Web 不兼容的回应？
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?
为什么加载 JavaScript 使用 src，加载 CSS 使用 href？
为什么Vue在国际上越来越没影响力？
如何让领导打消让UI写前端的念头？
为什么很多技术都觉得前端很简单？
如何看待前端的响应式编程，后台有类似的实现吗？
毕设答辩，老师说node不可能写后台怎么办?
开发web前端为什么用后端node(npm安装模块和webpack打包方式)?