首页 > Web开发 > 详细

JSDOM优化

时间:2015-05-01 14:34:44      阅读:275      评论:0      收藏:0      [点我收藏+]
  • 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 也有前端模板。

JSDOM优化

原文:http://www.cnblogs.com/wanqiu/p/4470622.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!