如题，比如大量的创建DMO节点、字符串拼接等，这些会造成大量的性能损失吗？请详细解释一下，谢谢
3条回答 默认 最新
斯洛文尼亚旅游 2016-03-17 01:01关注dom操作肯定是占资源的，大量dom操作最好是创建DocumentFragment，然后修改好DocumentFragment后再一次行插入到dom树中，而不是每次都appendChild，innerHTML+=进行操作
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2022-10-25 15:47陈开心出旺仔小拳头的博客 往往在比较虚拟DOM的性能时只是理论上的，这里我们从实际操作上去对比虚拟DOM和innerHTML在更新节点上的差异性。从生成DOM的每个阶段去量化为什么虚拟DOM能够胜出。
- 2024-02-08 14:45码上有前的博客 最新前端高频虚拟DOM面试题，来看看吧，让面试官大吃一惊哟！
- 2024-12-03 13:19A XMan.的博客 虚拟DOM会在内存中维护一个DOM树的副本，当需要更新页面时，先比较新旧两个DOM树的差异，然后只对发生变动的部分进行最小化的DOM操作，极大提高了效率。然而，这种方式会增加CSS文件的大小，所以只适用于非常小的...
- 2025-01-24 00:21魔芋小狗的博客 前端性能优化是确保 Web 应用在各种设备和网络环境下都能保持快速、流畅体验的关键。优化的策略可以从多个方面来着手，总体上可以从**网络层面**和**渲染层面**下手，最终目的可以从**体积层面**和**时间层面**两个...
- 2022-11-29 11:32前端达人的博客 作者：熊的猫https://juejin.cn/post/7139661845182300191前言在上一篇前端性能优化到底该怎么做（上）— 开门见山一文中介绍了和前端性能优化相关的一些前置知识，那么本篇就针对优化方案进行总结，核心的方向还是...
- 2018-09-29 18:50BeArchitect的博客 在前端性能优化上一直有个瓶颈，就是dom，web应用最常见的性能瓶颈就是dom，用脚本进行dom操作的代价是很昂贵的. 具体体现为几点： 修改和访问dom元素 修改dom元素的样式导致的重绘（repaint）和重排（reflow） ...
- 2022-10-11 08:48loveX001的博客 当我们去面试的时候，很大概率会被面试官问这么一个问题：你有尝试过对项目做性能优化吗？或者你了解哪些性能优化的方法？听到这个问题的你可能是这样的：似曾相识但又说不清楚，往往只能零散地说出那么几点，难以...
- 2025-07-23 23:09JAVA编程爱好者520的博客 涵盖资源压缩与合并、图片优化、JavaScript 与 CSS 优化、缓存策略、服务器与网络优化等多个方面，旨在为开发者提供全面且实用的前端性能优化指南，帮助提升网站用户体验和搜索引擎排名。前端性能优化是一项系统且...
- 2019-08-11 06:11在JavaScript开发中，尤其是涉及到DOM更新时，icaro提供了一种优化批量更新的方法，避免了频繁操作DOM导致的性能损失。 **JavaScript对象观察器** 在JavaScript中，对象是动态的数据结构，其属性可以随时添加、...
- 没有解决我的问题, 去提问
