前端js性能优化的要点

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