关于文档碎片的理解

思想：

    将文档碎片当做一个承载器，将大部分工作通过文档碎片来处理，然后输出一个返回值直接给浏览器调用，避免了所有工作都是经过浏览器处理，从而降低浏览器的性能耗费

documentDocumentFragment();

例子：

var ul = document.querySelector("ul");

//创建一个文档碎片

var box = document.createDocumentFragment();

var li = null;

for (var i = 0; i < 1000; i++) {

    li = document.createElement("li");//创建<li>元素

    li.innerHTML = "新来的"；

    box.appendChild(li);

}

ul.appendChild(box);