js里大量的DOM操作，性能会大量损失吗？

如题，比如大量的创建DMO节点、字符串拼接等，这些会造成大量的性能损失吗？请详细解释一下，谢谢

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2016-03-17 01:01
关注
dom操作肯定是占资源的，大量dom操作最好是创建DocumentFragment，然后修改好DocumentFragment后再一次行插入到dom树中，而不是每次都appendChild，innerHTML+=进行操作

http://www.zhihu.com/question/27260165

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

js里大量的DOM操作，性能会大量损失吗？ javascript
2016-03-16 13:36

回答 3 已采纳 dom操作肯定是占资源的，大量dom操作最好是创建DocumentFragment，然后修改好DocumentFragment后再一次行插入到dom树中，而不是每次都appendChild，inner
js里操作DOM节点性能损失最低的方式是什么？ javascript
2016-03-16 21:02

回答 2 已采纳 innerHTML是属性，不是方法多个dom插入操作最好是用DocumentFragment，而不是每次都操作document，操作DocumentFragment，最后插入DocumentF
关于javascript Dom操作 for循环只循环一次的问题？ css ecmascript html5 javascript
2020-04-19 22:31

回答 1 已采纳将方法里面的计数由i变成j即可 //随机div背景颜色 document.getElementById("boxcolor").onclick=function(){
虚拟DOM的性能测算
2022-10-25 15:47

背太阳的牧羊人的博客往往在比较虚拟DOM的性能时只是理论上的，这里我们从实际操作上去对比虚拟DOM和innerHTML在更新节点上的差异性。从生成DOM的每个阶段去量化为什么虚拟DOM能够胜出。
HTML页面JS引入的位置不同，会延迟浏览器对DOM的渲染吗？ javascript 有问必答
2021-06-19 11:01

回答 6 已采纳 script放body结束，css放head中间，建议题主看下雅虎之网页性能优化，虽然教材有些旧了，但是里面还是很多技术可以参考下载地址，或者自己百度下也有免费的 https://downlo
jquery里面局部刷新数据重新填充dom元素会出现闪烁可以解决么？ ajax javascript jquery 有问必答
2021-05-27 14:56

回答 5 已采纳创建一个隐藏层，把新加载的数据放到隐藏层里，等隐藏层的东西渲染好了，再加入到正常的列表里替换列表可以用各种效果减少突兀的感觉给个思路啊，滚动显示的，直接把新的加到列表里，等旧有的数据滚动出显示
JavaScript操作DOM的问题 javascript
2015-11-11 15:51

回答 6 已采纳 dom对象的name改为id，因为你用的document.getElementById var id = document.getElementById("id"
【前端高频面试题--虚拟DOM篇】
2024-02-08 14:45

码上有前的博客最新前端高频虚拟DOM面试题，来看看吧，让面试官大吃一惊哟！
vue3 v-html 插入dom 正确的写法请教？ javascript vue.js 前端有问必答
2022-05-23 14:23

回答 6 已采纳你可以了解下动态组件 components is 循环一下组件名这种，应该是能满足你的需求的 v-html并不能写自定义组件楼上给出答案了
修改真实dom时，虚拟dom改变了吗？新的虚拟dom到底是依赖于谁生成的？依赖于data？最近刚学习vue，请求指导 javascript vue.js 前端
2022-10-14 20:32

回答 2 已采纳根据执行顺序来，先执行了定时器，直接修改了视图上面第二个li的内容，所以出现李四被王八替换的情况。你页面的li是根据data里面的persons数组作为数据源渲染的，你上面定时器执行的操作并没有更改数
Vue里面如何获取dom元素？ javascript 有问必答
2021-06-24 08:33

回答 4 已采纳第一种方法也就是原生JS方法，毕竟前端框架八九不离JS
关于前端性能的优化总结（下）
2022-11-29 11:32

前端达人的博客作者：熊的猫https://juejin.cn/post/7139661845182300191前言在上一篇前端性能优化到底该怎么做（上）— 开门见山一文中介绍了和前端性能优化相关的一些前置知识，那么本篇就针对优化方案进行总结，核心的方向还是...
vue 移动dom元素至click的位置方法? vue.js 前端有问必答
2022-11-14 02:39

回答 5 已采纳直接设置htmlElement 的left/top为事件对象e.clientX和e.clientY就可了。e.clientX和e.clientY就是点击的位置，移动到这个位置不需要再计算，不过是居于h
谈谈前端性能优化-面试版
2022-10-11 08:48

loveX001的博客当我们去面试的时候，很大概率会被面试官问这么一个问题：你有尝试过对项目做性能优化吗？或者你了解哪些性能优化的方法？听到这个问题的你可能是这样的：似曾相识但又说不清楚，往往只能零散地说出那么几点，难以...
没有解决我的问题, 去提问

悬赏问题

¥15 opencv 无法读取视频
¥15 用matlab 实现通信仿真
¥15 按键修改电子时钟，C51单片机
¥60 Java中实现如何实现张量类，并用于图像处理(不运用其他科学计算库和图像处理库）)
¥20 5037端口被adb自己占了
¥15 python：excel数据写入多个对应word文档
¥60 全一数分解素因子和素数循环节位数
¥15 ffmpeg如何安装到虚拟环境
¥188 寻找能做王者评分提取的
¥15 matlab用simulink求解一个二阶微分方程，要求截图