网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
假如女朋友（前端女）专门做了一个网页送给你作生日礼物，你会很感动吗很喜欢这份礼物吗？纯CSS3有什么实现垂直居中的新方法吗？
JavaScript中对 function 的参数进行重新赋值的影响?
Typescript 如何使一个传入的 Array 类型变为元组类型？
github有没有办法前后端分两个项目，前端代码软连接到后端文件夹中?
哪个学校的网站首页最好看？
为什么尤大说react的性能不如vue？
如何看待哔哩哔哩的 flv.js 作者月薪不到 5000 元？
22岁，师范大学妹子，学的物理专业，现在转行学习前端，大家有什么好的或者不好的建议吗？
有哪些好的免费服务器平台推荐？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
怎么评价淘宝 Web 前端工程师对微软 WP 系统 Web 不兼容的回应？网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
用python如何写网页？有好的教程码？
如何保证用户登录时提交密码已经加密？
如何评价 Airbnb 发布的 React Sketch.app 工具？
如何评价阿里的新开源飞冰（ICE）?
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
为什么我觉得react这么难用？
如何看待国内地图行业更新政策商用api每年需支付5w元？
前端工程师讨厌写 CSS 是什么心态？
Facebook 内部如何看待此次 React 专利事件？
React.js有哪些设计缺陷？
张鑫旭称前端工程师应该为用户体验负责，对此你怎么看？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
JavaScript 如果拥有多线程能力会怎样？
如何评价 Typescript 的运行时类型检测工具io-ts？
如何看待 WebAssembly 这门技术？
如何看待 WebAssembly 这门技术？
JavaScript 是什么？
如何看待 React 团队核心成员 Sebastian 离职加入 Vercel？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
开发者和用户之间的世界观距离有多大？
调试一段代码两个小时都没搞定，继续死磕还是寻找其他方式，你一般会怎么做？
浏览器自身为什么不集成js，jQuery文件？反正每个网站基本都会用到？
TypeScript 不适合在 vue 业务开发中使用吗？
计算机专业的学生如何系统的学习前端技术？
关于后端程序员写前端用什么框架更好？
从事前端真的没有后端工资高？
做软件开发但是现在公司学不到技术性东西想跳，自己又技不如人怎么办？
前端框架Stimulus的使用体验如何？