[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; ```