`
fei1985
  • 浏览: 34487 次
  • 性别: Icon_minigender_1
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

【收藏】jQuery性能优化指南

阅读更多

1,总是从ID选择器开始继承

2,在class前使用tag(标签名)

3,将jQuery对象缓存起来(在多次使用是,用一个中间变量代替,而不是总是用选择器)
 
4,对直接的DOM操作进行限制

5,注意尽量减少事件冒泡

6,推迟到 $(window).load
 
7,压缩JavaScript

8,尽量使用ID代替Class。

9,给选择器一个上下文
 
10,慎用 .live()方法(应该说尽量不要使用)

11,子选择器和后代选择器
 
12,使用data()方法存储临时变量

分享到:
评论

相关推荐

    Jquery性能优化指南

    Jquery性能优化指南,web前端开发中,写出更高质量的代码

    jQuery性能优化指南.pdf

    jQuery性能优化指南.pdf

    jQuery性能优化指南

    jQuery性能优化指南,相信你也有你的idea,请共享出来吧。

    jQuery性能优化指南97-2003doc

    JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南

    JQuery性能优化指南

    JQuery性能优化 项目实践经验总结,大幅提升jquery性能

    jQuery性能优化指南(1)

    NULL 博文链接:https://aguang520.iteye.com/blog/814341

    jQuery权威指南-源代码

    第10章 jQuery性能优化与最佳实践/312 10.1 优化选择器执行的速度/313 10.1.1 优先使用ID与标记选择器/313 10.1.2 使用jQuery对象缓存/314 10.1.3 给选择器一个上下文/315 10.2 处理选择器中的不规范元素标志/...

    jQuery 性能优化指南(3)

    前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。

    jQuery 性能优化指南 (1)

    在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。

    jQuery 性能优化指南(2)

    这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。 例如,你想动态的创建一组列表元素,千万不要这样做,如下所示: var top_100_list = […], // 假设这里是100个独一无二的...

    JQuery权威指南.pdf

    再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...

    JQuery权威指南源代码

    第1章 第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 ...使用子查询优化选择器性能 减少对DOM元素直接操作 DOM对象与jQuery对象的类型转换 第11章 应用案例-聊天室系统 应用案例_图片切割

    jQuery权威指南 带书签

    再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...

    JQUERY 权威指南(part3)

    再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...

    jQuery 权威指南(part4)

    再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...

Global site tag (gtag.js) - Google Analytics