文档碎片

document.createDocumentFragment()    一个容器，用于暂时存放创建的dom元素

将需要添加的大量元素先添加到文档碎片中，再将文档碎片添加到需要插入的位置，大大 减少dom操作，提高性能

 var df = document.createDocumentFragment();          

          for(var i=100; i>0; i--){              

            var elem = document.createElement('div');                             

            df.appendChild(elem);          }         

         //最后放入到页面上         

       document.body.appendChild(df);