提示:没有进行过测试,网络上有说好有说坏。几乎都是复制粘贴别人的,所以无法确定。而且使用了,react、vue等mvvm框架后,操作dom的工作很少了,这一点可以忽略。

    对于大的DOM更改,使用innerHTML要比使用标准的DOM方法创建同样的DOM结构快得多。

    1. var frag = document.createDocumentFragment();
    2. for (var i = 0; i < 1000; i++) {
    3. var el = document.createElement('p');
    4. el.innerHTML = i;
    5. frag.appendChild(el);
    6. }
    7. document.body.appendChild(frag);
    8. //可以替换为:
    9. var html = [];
    10. for (var i = 0; i < 1000; i++) {
    11. html.push('<p>' + i + '</p>');
    12. }
    13. document.body.innerHTML = html.join('');