前端js性能优化的要点

2019-08-14 10:21:52来源：博客园阅读 ()

1 尽量少使用全局查找，比如全局变量，如果要多次使用，可以将全局变量存为局部变量再使用

eg：function(){

var body=document.body;

alert(body):

body.innerHTML="hello world"

}

2.优化循环 （1）减值循环 i--（2）do-while比for循环快 （3）简化循环条件 比如循环条件少计算

3 Dom层-最小化现场操作，

就是比如新增很多dom 可以先for循环创建个整体的dom碎片 然后再一次性添加进去 会比一个个dom添加要快

var list=document.getElementById("mylist");

var frament=document.createDocumentFragment();

for (var i=0;i<10;i++){

var item=document.creatElement('li')

frament.appendChild(item)

}

list.appendChild(frament)

4 Dom层 --少使用HTMLCollection

比如循环中获取dom的length

var images=document.getElementsByTagName('img')

for(i=0,len=images.length;i<len;i++){

}

这样就不用总访问images的HTMLCollention

会访问HTMLCollention 的一些情况

（1）进行了getElementsByTagName()调用

（2）获取了元素的childNodes属性

（3）获取了元素的 attributes属性

（4）访问了特殊的集合 如documet.forms ,document.images

原文链接:https://www.cnblogs.com/bing1991/p/11275428.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

下一篇：Nuxt

热门词条

最新资讯

热门关注

热门标签