DOM 回流及重绘

• 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.
}