DocumentFragment，文档片段，不属于文档树，其parentNode为null。当把一个DocumentFragment节点插入文档树时，插入的不是DocumentFragment自身，而是它的所有子孙节点。这使得DocumentFragment成了有用的占位符，暂时存放那些一次插入文档 ...
分类：
其他好文 时间：
2017-10-22 00:28:04
阅读次数：
146
阅读目录 前言 避免全局查找 定时器 字符串连接 避免with语句 数字转换成字符串 浮点数转换成整型 各种类型转换 多个类型声明 插入迭代器 使用直接量 使用DocumentFragment优化多次append 使用一次innerHTML赋值代替构建dom元素 通过模板元素clone，替代crea ...
分类：
Web程序 时间：
2017-09-26 14:52:31
阅读次数：
236
参考：JavaScript Tips - 使用DocumentFragment加快DOM渲染速度 使用场景：操作大量dom 用处：将多次的reflow转换成一次reflow，提高执行效率。听着像是数据库中的事务操作 ...
分类：
其他好文 时间：
2017-09-17 13:21:14
阅读次数：
131
理解 DocumentFragment 含义：创建文档片段，它继承了Node的所有方法，对DOM操作性能非常好。创建文档片段 如下方法： 文档片段有三个node属性，nodeType, nodeName, nodeValue; 他们的值分别是 11, '#document-fragment', nu ...
分类：
其他好文 时间：
2017-09-02 11:26:00
阅读次数：
141
使用DocumentFragment将一批子元素添加到任何类似node的父节点上，对这批子元素的操作不需要一个真正的根节点。可以不依赖可见的DOM来构造一个DOM结构，而效率高是它真正的优势，试验表明，它比直接操作DOM快70%。下面我们就来看看DocumentFragments是如何使用的。 Do ...
分类：
其他好文 时间：
2017-08-17 16:26:34
阅读次数：
124
阅读目录 前言 避免全局查找 定时器 字符串连接 避免with语句 数字转换成字符串 浮点数转换成整型 各种类型转换 多个类型声明 插入迭代器 使用直接量 使用DocumentFragment优化多次append 使用一次innerHTML赋值代替构建dom元素 通过模板元素clone，替代crea ...
分类：
Web程序 时间：
2017-04-02 13:46:40
阅读次数：
267
DocumentFragment 对象 通常我们插入文档的操作如下: 这样会导致浏览器不断的reflow 重绘，对性能造成影响。我们可以利用documentFragment的特点： 只有一次~~~。 对于直接用innerHTML的方法，如果插入的元素要有什么click事件的绑定，当再次插入的时候事件 ...
分类：
其他好文 时间：
2016-12-23 14:07:38
阅读次数：
113
一段html可以看作一棵树，每一个出现的内容都可以看作一个节点，包括文档节点（document），元素节点（各种html标签），注释节点，特性节点（元素中的特性，style，id，class，lang，dir等等），文本节点（两个标签之间文字的内容），documentFragment节点。以上除了注 ...
分类：
其他好文 时间：
2016-09-20 10:30:13
阅读次数：
121
代码暂时寄存 创建:document.createDocumentFragment() 案例： 上面代码用一个fragment避免了li一个个插入的尴尬 ...
分类：
其他好文 时间：
2016-09-12 21:59:10
阅读次数：
137
