重绘和回流（reflow和repaint）

由于DOM操作会导致浏览器的回流，回流需要花费大量的时间进行样式计算和节点重绘与渲染，所以应当尽量减少回流次数。

以下是几种常见的减少重绘和回流的方法：

一、不要一项一项的更改页面的样式，尽量一口气写完，最好使用   元素.style = “”；或者 元素·style.cssText= "";

二、读写DOM也要尽量放在一起   

三、使用文档碎片暂时存放新建的元素，最后在将文档碎片插入页面

     var LinShi = document.createDocumentFragment();

     var  newYuanSu  =  document.createElement("div");

        ....

     LinShi .appendChild (newYuanSu);

四、在html页面中  适当的使用  display：fixed;或者position：absolute；可以减少重绘回流

五 、使用window.requestAnimationFrame(function(){ for循环 });可以减少重绘回流，    该方法将发生的重绘回流的代码推迟到下一次重绘回流时一起执行

六、缓存DOM信息

七、在绑定多个事件的时候，使用事件绑定    ：  父元素.事件名= function（eve）{

         var eve = e || window.event     ;

         if(eve.target.NodeName==""){

} 

}