初识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实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
js或jquery实现页面打印可局部打印
Mar 27 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
vue-cli项目配置多环境的详细操作过程
Oct 30 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
element-ui 实现响应式导航栏的示例代码
May 08 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
用webAPI实现图片放大镜效果
Nov 23 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
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
WordPress判断用户是否登录的代码
2011/03/17 PHP
php中json_encode UTF-8中文乱码的更好解决方法
2014/09/28 PHP
php自定文件保存session的方法
2014/12/10 PHP
php使用PDO事务配合表格读取大量数据插入操作实现方法
2017/02/16 PHP
javascript判断iphone/android手机横竖屏模式的函数
2011/12/20 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
node.js-v6新版安装具体步骤(分享)
2017/09/06 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
如何从零开始手写Koa2框架
2019/03/22 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
python检测远程端口是否打开的方法
2015/03/14 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
python实现扫描日志关键字的示例
2018/04/28 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
python绘图模块之利用turtle画图
2021/02/12 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
美津浓美国官网:Mizuno美国
2018/08/07 全球购物
优秀英语专业毕业生求职信
2013/11/23 职场文书
关于期中考试的反思
2014/02/02 职场文书
机房搬迁方案
2014/05/01 职场文书
欢迎领导标语
2014/06/27 职场文书
安全资料员岗位职责范本
2014/06/28 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
清明节主题班会
2015/08/14 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
基于Python实现nc批量转tif格式
2022/08/14 Python