文档碎片提升加载DOM性能

  <div id="ul"></div>
    <script>
        
            var newFrag = document.createDocumentFragment();
            var oUl = document.getElementById('ul');
            for(var i=0;i<100;i++){
                var oLi = document.createElement('li');
                newFrag.appendChild(oLi);
            }
            oUl.appendChild(newFrag);
    </script>
    

使用createDocumentFragment()暂存，然后一次性添加字节点。