`
a3mao
  • 浏览: 562902 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQery最佳实践

    博客分类:
  • Work
阅读更多
jquery是我最喜欢的javascript库,但是对于如何使用好却没有研究。刚好看到一篇jquery的最佳实践的文章,感觉不错。原文地址:http://www.artzstudio.com/2009/04/jquery-performance-rules/#harness-chaining

总结来说:
通常,我们是通过减少字节数及访问次数来提高性能。使用jquery或者其他的框架可以使我们在选择DOM或者某些IE节点变得非常轻松,但是需要注意一下几点:
1.尽可能的使用 #id
2.在classes前面加tags标签
3.缓存jquery对象
4.使用jquery的查询链
5.使用子查询
6.尽量减少对DOM对象的直接操作
7.事件委托,即尽量将事件向上发布
8.将jquery的损耗减小到最少
9.使用 $(window).load
10.压缩js
分享到:
评论

相关推荐

    7个jQuery最佳实践

    【jQuery最佳实践】 jQuery作为一个广泛使用的JavaScript库,极大地简化了DOM操作、事件处理和动画效果。然而,不当的使用方式可能会导致性能下降。以下7个jQuery最佳实践将帮助你优化代码,提高应用性能: 1. **...

    JQuery最佳实践之精妙的自定义事件

    Demo-Ingenious JQuery custom event JQuery最佳实践-精妙的自定义事件 问题:一个复选框X,你如何便捷地触发它的click事件的处理逻辑,但是又不改变它当前的选中状态? 答案:用自定义事件处理函数封装复选框click...

    jquery-migrate-1.2.1.min.js

    5. **最佳实践**:使用jQuery Migrate的同时,开发者应该学习最新的JavaScript和jQuery最佳实践,以便在未来避免类似的兼容性问题。 6. **文件大小**:尽管.min.js表示这是一个压缩过的文件,减少了加载时间,但在...

    JQUERY应用开发实践指南示例代码

    **jQuery应用开发实践指南示例代码** 在编程领域,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、...在学习过程中,可以尝试将书中的代码与自己的项目结合起来,实践是检验理解和掌握知识的最佳方式。

    Jquery11.rar

    jQuery最佳实践 - 尽可能利用链式操作,提高代码可读性。 - 使用 `$(document).ready()` 或简写形式 `$()` 确保DOM加载完成后再执行jQuery代码。 - 避免全局变量,使用jQuery对象包裹变量以防止冲突。 通过以上...

    JQuery自定义事件的应用 JQuery最佳实践

    在本文中,我们将详细讨论JQuery自定义事件模型的核心知识点,包括事件的订阅、触发和管理等最佳实践,以及带命名空间的事件处理函数的使用。 ### 1. 自定义事件与事件订阅 自定义事件允许开发者定义自己需要的...

    jQuery1.8.0帮助文档.CHM

    四、jQuery最佳实践 1. **避免全页面选择器**: 使用更精确的选择器以提高性能。 2. **使用事件代理**: 当需要处理动态添加的元素时,可以将事件绑定到其静态父元素。 3. **缓存jQuery对象**: 频繁使用的元素应存储...

    jQuery教程(包含PPT、实例、图片)

    7. **jQuery最佳实践** - 学习如何有效地组织jQuery代码,避免性能问题,如延迟加载jQuery,减少DOM操作,利用事件代理等。 8. **实例分析** - 分析提供的jQuery实例,包括PPT讲解和图片示例,理解实际项目中...

    JQuery教程 JQuery

    jQuery最佳实践 - **优化选择器**:避免使用过于复杂的选择器,以提高性能。 - **缓存jQuery对象**:多次使用同一个选择器时,先将其结果存储在变量中,避免重复选择。 - **利用事件委托**:对于动态添加的...

    jquery高级编程的最佳实践详解

    ### jQuery高级编程最佳实践详解 #### 1. CDN的使用 在进行Web开发时,推荐使用CDN(内容分发网络)来加载jQuery库。通过CDN加载jQuery不仅速度快,因为文件从靠近用户的服务器提供,还有助于减轻网站的服务器负载...

    最好的jQuery手册

    三、jQuery最佳实践 1. 使用$(document).ready()或$(function() {})包裹代码,确保DOM加载完毕后再执行。 2. 尽量避免全局变量,使用jQuery提供的闭包和数据存储机制。 3. 合理选择选择器,提高性能。尽量避免...

    EDITPLUS 自动完成插件 (JS 含jQuery API)

    这些补全选项使得开发人员可以更快地编写出符合jQuery最佳实践的代码。 值得注意的是,虽然这个插件主要针对JavaScript和jQuery,但EDITPLUS本身支持自定义代码片段,因此理论上可以扩展到其他语言或框架。用户可以...

    jQuery插件、代码、资料

    5. jQuery最佳实践:学习编写高效、可维护的jQuery代码。 三、jQuery资料 资料部分可能包括教程、文档、示例项目、问答社区链接等,帮助你深入学习jQuery: 1. 官方文档:jQuery官方文档详尽地介绍了每个API和方法...

Global site tag (gtag.js) - Google Analytics