网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？ 第1页
1
longtengdao 网友的相关建议:
一般去饭店、旅馆前，都会打电话问一下还有没有位子，避免白跑一趟。
在这个意义上，我们说打电话比跑一趟快。
可是打完电话后，你不还是得真的去一趟吗，对于住店而言，这个是省不了的。打电话的意义在于，五家店，你不用排着白跑，确定需要真的跑一趟了，才出门。换言之，跑一趟，只是对于确认有没有位子值得真的出门而言，才是可省的。
vue、react等的虚拟dom操作，就相当于打电话确认哪些更新真的发生了，值得进行真实dom操作。
因此，如果业务场景是全都需要更新，那打电话反倒成了额外的工作了。
之所以通常不必考虑这种可能性，原因有三：
1.几乎不可能全都需要更新
2.打电话就算浪费，开销也极为低廉，你有兴趣可以具体定量测试一下，我简单定性地打个比方，大概类似一百个店只要节省了一个白跑，九十九个电话就回本了
3.除了内容显示，前端现实业务往往还需要绑定onclick等交互事件，再加上双向绑定，直观、智能的模板语法是非常重要的，虚拟dom只是vue、react等的一部分，剩下的这些部分都是我们选择这些框架的重要原因，甚至才是根本原因
1
相关话题
如何看待faker.js 开源作者删除了所有的代码？前端当前是否处在一个糟糕的时代？
TypeScript 不适合在 vue 业务开发中使用吗？
如果工作一年经验的前端开发人员比工作两年的功能测试人员工资低，你还愿意待在那家公司吗？
JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
2022 年，学完 JS 高级后的学习路线怎样规划？
如何评价 Ant Design 这个项目（一个设计语言）？
如何看待百度要求内部全面停止使用 React / React Native?
setTimeout 真的有用吗？
下一个讨论
关于太空的电影中，最真实的一个场景是什么？
相关的话题
如何评价腾讯网首页 2012 年 7 月的改版？老师要求我只能使用C++、C或者Java写算法，如何看这种做法？
【校招面试】关于Typescript和ES6的对比？
微信朋友圈能分享有颜色文字算是bug吗?
初期学习前端有合适的电脑推荐么？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
为什么Vue和React都抛弃了面向对象写法 ？
JavaScript 有必要缓存 for 循环中的 Array.length 吗？
如何评价微信小程序内嵌网页功能开放？
JavaScript处理一个100M的超大xml，跑不出来以至于IE未响应怎么办？
JavaScript一个疑问，[ ] （空数组）== true ，具体如下，请问这是为何？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
为什么 TypeScript 有泛型而 PHP 却没有？
如何看待React.js 官方文档支持乌克兰 ，释放了哪些信息？
关于下面这段代码的报错是怎么个过程？
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
前端能否限制用户截图？
60岁学前端开发，还有就业前景吗？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
如何看待百度要求内部全面停止使用 React / React Native?
接私活结果最后钱要不回来该怎么办？
如果说 Rust/WASM 会逐渐蚕食 JavaScript 生态，那将以怎样的路径进行？
如何评价阿里的新开源飞冰（ICE）?
一码通崩溃的技术原因是什么？
有什么工具可以下载整个网站的内容吗？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
如何评价 Typescript 的运行时类型检测工具io-ts？
前端开发中，使用base64图片的弊端是什么？
JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？