[toc] ## 使用文档碎片防止回流过多 文档碎片是一堆即将渲染到页面上的元素的集合，当它被`apeendChild`时，会自动展开一个个插入到目标元素中。 ``` var frg = document.createDocumentFragment(); //创建一个文档碎片，相当于创建了一个临时容器 for(var i=0;i<ary.length;++i){ var cur = ary[i]; var oLi = document.createElement("li"); oLi.innerHTML = `<span>${i+4}</span>${cur.title}`; frg.appendChild(oLi); } oUl.appendChild(frg); ``` 完毕后，别忘了释放文档碎片的堆内存 ``` frg = null; ```