- DOM 回流（重排 reflow）: 当页面中的 HTML 结构发送改变（增加、删除元素、即元素位置变化），浏览器都要重新计算一遍新的* * DOM 结构，重新的对当前的页面进行渲染。很费性能
DOM 重绘 （repaint）：当一个元素的部分样式发生了改变（比如背景颜色），浏览器只需要重新的渲染当前的元素。 - 在 js 优化中，应尽量减少回流。
使用文档碎片添加元素：
var frag = document.createDocumentFragment();
for (var i =0; i < arr.length; i++){
var oli = document.createElement('li');
oli.innerHtml = 'li';
frag.
}
