每天学一点---document.createDocumentFragment

 

document.createDocumentFragment  用于创建文档对象，创建好的对象存在于内存中（不会引起回流，对元素位置和几何上的运算），不是附着在DOM树上，所以有更好的性能 可将该文档片段插入DOM树中，

例子：

var element  = document.getElementById('ul'); // assuming ul exists
var fragment = document.createDocumentFragment();
var browsers = ['Firefox', 'Chrome', 'Opera', 
    'Safari', 'Internet Explorer'];

browsers.forEach(function(browser) {
    var li = document.createElement('li');
    li.textContent = browser;
    fragment.appendChild(li);
});

element.appendChild(fragment);