19°

createDocumentFragment

createDocumentFragment是一块内存,不属性dom,可以把要添加的node放到这个内存里面,然后统一appendChild可以提高效率

        //普通的作法
        var ul = document.querySelector("ul");
        for (var i = 0; i < 20000; i++) {
            var li = document.createElement("li");
            li.innerHTML = "index: " + i;
            ul.appendChild(li);
        }
    //createDocumentFragment
    var ul = document.querySelector("ul");
    var fragment = document.createDocumentFragment();
    for (var i = 0; i &lt; 20000; i++) {
        var li = document.createElement("li");
        li.innerHTML = "index: " + i;
        fragment.appendChild(li);
    }

    ul.appendChild(fragment);</code></pre> 

 

本文由【gtandsn】发布于开源中国,原文链接:https://my.oschina.net/u/2285087/blog/3136359

全部评论: 0

    我有话说: