documentfragment专题

前端性能优化篇之回流与重绘的概念及触发条件、如何避免回流与重绘?如何优化动画?documentFragment 是什么?用它跟直接操作 DOM 的区别是什么?

目录 回流与重绘的概念及触发条件回流(Reflow)触发回流的操作: 重绘(Repaint)触发重绘的操作: 回流与重绘的区别如何减少回流和重绘的频率 如何避免回流与重绘?1. 操作低层级的 DOM 节点2. 避免使用 table 布局3. 避免使用 CSS 表达式4. 合理处理样式变化5. 使用 absolute 或 fixed 定位6. 批处理 DOM 操作7. 隐藏操作元素8. 优化读

jquery源码解析(第2章之文档碎片DocumentFragment)

文档碎片是什么? 参考标准的描述,DocumentFragment是一个轻量级的文档对象,能够提取部分文档的树或创建一个新的文档片段,换句话说有文档缓存的作用。 createDocumentFragment有什么作用 多次使用节点方法(如:appendChild)绘制页面,每次都要刷新页面一次。效率也就大打折扣了,而使用document_createDocumentFragment()创建一