网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
2022 年，学完 JS 高级后的学习路线怎样规划？代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
请问各位程序员，是我的思维方式有错误吗？
如何评价微信小程序内嵌网页功能开放？
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
当人们说一个前端框架太“厚重”时，他们在说什么？
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
用JavaScript做其他语言擅长的事情“好”么？
如何保证用户登录时提交密码已经加密？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
怎么理解元编程？如何评价华为新开源的鸿蒙方舟JS运行时(Ark JS Runtime)？
如何用通俗易懂的语言解释脚本（script）是什么？
JavaScript 是什么？
是什么阻碍了代码的重用？问题是否应该只解决一次即可？
Web 前端密码加密是否有意义？
Javascript 初学者如何思考才可以把脑中的东西转换成代码写出来？
为什么 input 元素能用 width 属性？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
算法老师劝学生放弃学习 JavaScript，我该怎么办？
用python如何写网页？有好的教程码？
jQuery为什么还在发布新版本？
JavaScript 最失败的设计是 arguments 吗？
ES6 await为什么建议用try...catch捕获错误？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
JavaScript 最失败的设计是 arguments 吗？
公司拖欠后端工资逼急了可以删库跑路，逼急了前端该如何何去何从？
为什么前端不能一直做？难道要转行？？
如何看待千锋教育在全网开源自己的全学科教学视频？
jQuery为什么还在发布新版本？
如何看待国内地图行业更新政策商用api每年需支付5w元？
如何评价 Typescript 的运行时类型检测工具io-ts？
如何理解编程过程中的逻辑严谨性？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
怎么理解元编程？
为什么网页都可以查看源代码？
为什么 CSS :not 选择器不支持复杂选择？
为什么 Dreamweaver 这类所见即所得的编辑器会生成很多垃圾代码？
前端的未来: 后端会越来越同质化， 只是一个数据库， 大部分功能都挪到前端吗?