初识javascript 文档碎片


Posted in Javascript onJuly 13, 2010

后来是一技术群问到以下一段代码:

function html2node(s) { 
var d = document.createElement('div'); 
d.innerHTML = s; 
if (d.childNodes.length == 1) 
return d.childNodes[0]; 
var df = document.createDocumentFragment(); 
while (d.firstChild) 
df.appendChild(d.firstChild); 
return df; 
}

大概的原理都明白,比较困惑的是为什么要用 document.createDocumentFragment 呢?
后来在网上搜索了一下相关资源才知道,document.createDocumentFragment 是用来创建文档碎片的。
当我们需要大量 appendChild 页面元素时,可以先将这些元素 appendChild 进document.createDocumentFragment。
然后只需 appendChild 文档碎片到页面就可以了。这样就不用多次刷新页面达到性能优化的目的。上面那个代码我觉得用到文档碎片是多余的。
Javascript 相关文章推荐
js本身的局限性 别让javascript做太多事
Mar 23 Javascript
JavaScript 变量作用域分析
Jul 04 Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 Javascript
jQuery实现轮播图效果
Nov 26 jQuery
angular *Ngif else用法详解
Dec 15 Javascript
ES6的循环与可迭代对象示例详解
Jan 31 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 #Javascript
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 #Javascript
jQuery.Autocomplete实现自动完成功能(详解)
Jul 13 #Javascript
javascript中字符串拼接需注意的问题
Jul 13 #Javascript
转换json格式的日期为Javascript对象的函数
Jul 13 #Javascript
Jquery+WebService 校验账号是否已被注册的代码
Jul 12 #Javascript
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 #Javascript
You might like
做一个有下拉功能的留言版
2006/10/09 PHP
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
php写的AES加密解密类分享
2014/06/20 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
动态添加js事件实现代码
2009/03/12 Javascript
JavaScript 开发中规范性的一点感想
2009/06/23 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
js获取域名的方法
2015/01/27 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
详谈javascript异步编程
2016/02/21 Javascript
Node.js读取文件内容示例
2017/03/07 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
2017/09/01 jQuery
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
React实现轮播效果
2020/08/25 Javascript
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
基于python实现雪花算法过程详解
2019/11/16 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
解决Keyerror ''acc'' KeyError: ''val_acc''问题
2020/06/18 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
教师研修随笔感言
2014/01/23 职场文书
2014年元旦活动方案
2014/02/15 职场文书
2014学雷锋活动心得体会
2014/03/10 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
就业意向协议书
2015/01/29 职场文书
项目备案申请报告
2015/05/15 职场文书
Java数组详细介绍及相关工具类
2022/04/14 Java/Android