js-关于性能优化的一些学习总结

性能优化的方法有：

1、减少HTTP请求：合并CSS/JS，使用CSS sprite等

2、压缩CSS/JS/图片

3、样式表放头部，JS放body底部：JS放在head中，将会等到js全部下载解析和执行后才会显示页面内容。

4、减少DOM操作，DOM操作很消耗性能，另外注意HTMLCollection和NodeList。这两个对象是动态的，每次访问都会进行一次查询。在迭代中避免重复访问。


需要时可以将NodeList对象转换为数组。

function convertToArray(nodes){
var array=null;
try{
array=Array.prototype.slice.call(nodes,0);//针对非IE
}catch(ex){
array=new Array();
for(var i=0,len=nodes.length;i<len;i++){
array.push(nodes[i];
}
}

return array;
}

querySelectorAll()方法返回的是一个NodeList实例，类似于一组元素的快照，非动态。

5、关于重绘（repaint）和重排（reflow）。


6、事件委托

利用事件冒泡，指定一个事件处理程序，管理某一个类型的所有事件。在DOM树中尽量搞的层次上添加一个事件处理程序，这样可以只取得一个DOM元素，添加一个事件处理程序