- JS操作DOM,就像从一个岛到另外一个岛,过桥的时候,每次都要收取过桥费,尽量减少过桥的次数。列如: for循环插入到页面5000个LI: 应该 先用一个变量存 5000个li,然后一次插入。
- innerHTML与DOM的方法速度比较: weiKit 的浏览器 DOM方法要快,其他的浏览器innerHTML更快!
- 减少DOM操作:
- 1. 使用节点克隆
- 2. 访问元素集合=》使用一个局部变量存起来。
- 3.尽量使用只获取元素的节点方法=》 不用那些 元素和文本节点一起都获取到的方法。
- 4. 使用新的选择器API =》 querySelector querySelectorAll
- DOM与浏览器:
- 1.尽量在appendChild()前添加操作(在把元素插入到页面之前添加完其他的内容)。
- 2. 合并DOM操作: 利用cssText() 添加多个样式,而不是使用style. 一次一个添加 。
- 3.缓存布局信息。
- 利用文档碎片:
- 使用DOM事件委托
- 使用前端模板 =》 jQuery 也有前端模板。