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,458评论 0 25
  • 转载 前端开发面试题 <a name='preface'>前言</a> 本文由我收集总结了一些前端面试题,初学者阅...
    小九喵喵阅读 479评论 0 0
  • 前端面试题的简单整理,都只是大概回答,具体某些问题的具体理解后续会补上。 前端页面有哪三层构成,分别是什么?作用是...
    李欢li阅读 493评论 0 2
  • 从昨天下午开始,就觉得身体有些不适,到早上被风一吹竟然有些瑟瑟发抖,不得已到家吃了点药,睡了一觉方才觉得舒服...
    千劫已过阅读 313评论 2 5
  • 绝对优势和比较优势会导致失业吗? 绝对优势和比较优势通过专业分工可以增加产出,但是如果产出超过需求会怎样呢?产出超...
    广义动量定理高广宇阅读 413评论 0 0