Dom6 文檔碎片

document.createDocumentFragment()

解決渲染時間過長的問題,相當于一個塑料袋，把東西裝好后一次性帶回家，IE6-8適用，不過在高版本瀏覽器中幾乎沒有作用,反而會影響性能，所以基本沒用了

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload = function(){
            var  ul = document.getElementById("ul1");
            var frag = document.createDocumentFragment();
            for(var i=0; i < 10000; i++){
                var li = document.createElement("li");
                frag.appendChild(li);
            }
            ul.appendChild(frag);
        }
    </script>
</head>
<body>
<ul id="ul1">
</ul>
</body>
</html>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前端開發面試知識點大綱： HTML&CSS： 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功：...
    秀才JaneBook閱讀 2,539評論 0贊 25
  • 轉載 前端開發面試題 <a name='preface'>前言</a> 本文由我收集總結了一些前端面試題，初學者閱...
    小九喵喵閱讀 484評論 0贊 0
  • 前端面試題的簡單整理，都只是大概回答，具體某些問題的具體理解后續會補上。 前端頁面有哪三層構成，分別是什么?作用是...
    李歡li閱讀 494評論 0贊 2
  • 從昨天下午開始，就覺得身體有些不適，到早上被風一吹竟然有些瑟瑟發抖，不得已到家吃了點藥，睡了一覺方才覺得舒服...
    千劫已過閱讀 317評論 2贊 5
  • 絕對優勢和比較優勢會導致失業嗎？ 絕對優勢和比較優勢通過專業分工可以增加產出，但是如果產出超過需求會怎樣呢？產出超...
    廣義動量定理高廣宇閱讀 416評論 0贊 0