文档碎片——createDocumentFragment

使用文档碎片在页面中大量添加节点时可以提高性能。

先创建文档碎片，然后将要添加的节点放上去，最后一次性添加到页面中。

html：

<div id="box"></div>

js:

 var box = document.getElementById('box');
 var frag = document.createDocumentFragment();
 for(let i = 0; i < 10000; i++) {
   let p = document.createElement('p');
   let txt = document.createTextNode(i);
   p.appendChild(txt);
   frag.appendChild(p);
 }
 box.appendChild(frag);