JSDOM优化
浏览数：15 /
时间：2015年06月09日
- 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 也有前端模板。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
