首页 > 其他 > 详细

减少dom元素的方法,一次性给大量的dom元素怎么优化

时间:2020-08-08 21:36:25      阅读:145      评论:0      收藏:0      [点我收藏+]

减少dom元素的方法
1.使用伪元素,阴影实现的内容尽量不要使用dom元素,例如清除浮动,样式实现等
2.按需加载,减少不必要的元素
3.结构合理,语义化标签

大量的dom元素时优化:
1.缓存dom对象
let root = document.querySelector(‘a‘);
let childList = root.child;
for(let i=0;i<childList.length;i++){
//执行操作
}

2.文档片段
let fragement = document.createDocumentFragment();

3.用innerHTML替代高频的appendChild

4.虚拟dom

减少dom元素的方法,一次性给大量的dom元素怎么优化

原文:https://www.cnblogs.com/xxcnhj/p/13460295.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!