首页 > Web开发 > 详细

jQuery性能优化与最佳实践

时间:2016-07-19 23:48:35      阅读:259      评论:0      收藏:0      [点我收藏+]
10.1 优化选择器的执行速度
10.1.1 优先使用ID与标记选择器
    一般的执行速度比较 ID > TAG > CLASS > ATTRIBUTE
 
10.1.2 使用jQuery对象缓存
    所谓对象缓存,就是再使用jQuery对象时,先尽量使用变量保存jQuery对象
    
10.1.3 给选择器一个上下文
    $(expression, [context])
 
 
10.2 处理选择器中不规范元素标志
    10.2.1 选择器中含有特殊符号
    
    10.2.2 选择器中含有空格字符
        $(".className:hidden"),选择一个含有className且是hidden的元素
        $(".className :hidden"),再className节点内,选择一个hidden的元素
 
10.3 优化事件中的冒泡现象
    使用事件委托机制,优化事件
 
10.4 使用data方法缓存数据
    $("p").data(),建议这个函数只绑定与标签有关的数据
 
 
10.6 使用子查询优化选择器性能
    缓存每一级的dom选择对象
 
 
10.7 减少对DOM的直接操作
    DOM元素操作的原理:先在内存中创建DOM结构,然后,更新现有的DOM结构,如果直接对DOM进行操作,性能非常低,应该减少DOM操作,使用html字符串,完成大部分的DOM内容,然后再直接更新DOM
 
10.8 正确区分DOM对象和jQuery对象
    
 
 
 
 
 
    

jQuery性能优化与最佳实践

原文:http://www.cnblogs.com/zhaojunyang/p/5686632.html

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