回流与重绘（重排与重绘）

回流（重排）：当DOM的变化影响到元素的几何属性使之发生变化，同样也会影响到其他元素的几何属性发生变化，这时浏览器会重构渲染树，这个过程称为‘重排’。
重绘：重排后浏览器会重新绘制界面，即不影响元素集合属性的改变（例如背景色，字体色等）称为重绘。
回流（重排）发生的条件：（1）.添加删除可见DOM；（2）.元素位置发生改变；（3）.元素尺寸发生改变；（4）.页面渲染初始化；（5）.浏览器窗口发生改变。

减少回流与重绘：
1.改变样式：切记不要单个改变样式，例如：document.getElementById(‘my’).style.border=‘1px’,document.getElementById(‘my’).style.padding=‘5px’。可以统一设置来减少回流重绘。
2.批量修改DOM可通过一下方法减少回流与重绘
（1）.使元素脱离文档流
《1》隐藏元素，应用修改，重新显示
《2》在当前DOM之外建立一个子树，再把它拷贝会文档
《3》将原始元素拷贝到一个脱离文档的节点，修改，替换原始元素。