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

11个在jQuery代码编写中应该注意的性能原则 - jQuery Performance Rules

阅读更多

翻译:Terry li - GBin1.com

以前的开发过程中,我们需要注意的仅仅是如何减小字节以及请求,并且小心加载的顺序用来使得程序运行的流畅。而现在我们极大的关心性能对于CPU使用率的冲击。随着我们使用这些开发框架例如jQuery更方便的选择节点和进行DOM操作,潜在的如果对于代码编写不是那么仔细的话,你也可能会有负面影响。而我们需要做的事尽量减少的带给浏览器的压力。

这里我们列出了11个技巧和原则帮助你解决jQuery开发过程中的性能问题:

1. 保持从一个#ID来继承

2. 在classes前使用标签

3. 缓存jQuery对象

4. 利用强大的链接

5. 使用子查询

6. 减少直接的DOM操作

7. 利用事件代理(冒泡)

8. 杜绝无效查询

9. 延期到 $(window).load

10. 压缩你的JS

11. 学习类库

 

具体内容和代码,大家自己看原文吧,这列没办法贴


原文出处:11个在jQuery代码编写中应该注意的性能原则 - jQuery Performance Rules

 

分享到:
评论

相关推荐

    Jquery智能提示完整全部版本vsdoc.js

    jquery-1.3.2-vsdoc.js jquery-1.8.3.min.js jquery-1.3.2.min.js jquery-1.4.1-vsdoc.js jquery-1.4.1.min.js jquery-1.4.2-vsdoc.js jquery-1.4.2.min.js jquery-1.4.3-vsdoc.js jquery-1.4.3.min.js ...

    jquery-ui.css、jquery-ui.js下载

    在本文中,我们将详细探讨`jquery-ui.css`和`jquery-ui.js`这两个关键文件,并讨论如何在项目中有效地使用它们。 首先,`jquery-ui.css`是jQuery UI的核心样式文件,它包含了所有组件的默认样式和主题。这个文件...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-migrate-3.0.1.js jar包

    1. **API兼容性修复**:这个版本包含了对一些在新版本中被移除的API的兼容性支持,如`.browser`、`.data()`的某些用法等,使得使用这些API的代码依然可以正常运行。 2. **警告提示**:当代码中使用到已经被废弃的...

    bootstrap-table实现 行拖拽 插件jquery.tablednd.js bootstrap-table-reorder-rows.js

    bootstrap-table实现 行拖拽 插件 jquery.tablednd.js bootstrap-table-reorder-rows.js bootstrap-table-reorder-rows.css

    jQuery-1.12.4.js和jQuery-1.8.3.min.js

    而在开发过程中,通常使用未压缩的.js版本(如"jQuery-1.12.4.js"),以便于调试和理解代码。 总的来说,jQuery是Web开发中的一个强大工具,无论是1.8.3还是1.12.4,都可以帮助开发者快速地编写出高效的JavaScript...

    jquery-migrate-1.2.1.js文件

    5. **移除jQuery Migrate**:在所有兼容性问题解决后,可以安全地从项目中移除`jquery-migrate-1.2.1.js`,以避免额外的代码负担。 总之,`jquery-migrate-1.2.1.js` 文件是jQuery生态系统中一个非常实用的工具,它...

    jquery-1.3.2.min-vsdoc jquery-1.4.3.min 等等

    标题中的"jquery-1.3.2.min-vsdoc"和"jquery-1.4.3.min"提到了jQuery库的两个不同版本,分别是1.3.2和1.4.3。这两个版本都是jQuery的核心库文件,以.min表示它们是经过压缩和优化的版本,用于在网页中更快速地加载和...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    "jquery-3.4.1.js"是jQuery的核心库文件,包含了所有jQuery的功能,开发者可以直接在网页中引用该文件来启用jQuery。 "jquery-3.4.1_sangat1_jquery3.4.1"可能指的是一个特定的项目或者命名约定,"sangat1"可能是...

    jquery显示当前时间(年-月-日 小时:分钟:秒 星期几)

    在这个代码中,我们首先定义了一个`updateCurrentTime`函数,它获取当前时间,然后使用`getFullYear`、`getMonth`、`getDate`、`getHours`、`getMinutes`和`getSeconds`方法分别获取年、月、日、小时、分钟和秒。...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery 1.11.3在性能上做了优化,例如使用Sizzle选择器引擎提升选择元素的速度,以及缓存查找结果以减少重复查询,这些改进使代码在大型项目中依然保持高效运行。 总的来说,jQuery 1.11.3是前端开发的重要工具,...

    jquery.i18n.properties-min-1.0.9.js文件下载

    在1.0.9这个版本中,"min"表示该文件已经过压缩优化,减小了文件大小,有利于提高网页加载速度,减少服务器带宽消耗,这对于用户体验和网站性能至关重要。尤其是在移动设备上,每一KB的节省都可能带来显著的性能提升...

    jquery-1.7.2.js,jquery-1.7.2-vsdoc.js Jquery-1.7.2及vs智能提示插件

    当在VS中引用这个文件时,它会为jQuery库提供详细的API文档和函数说明,帮助开发者在编写代码时得到实时的函数参数、返回值等信息,极大地提高了开发效率和代码质量。 关于jQuery-1.7.2及VS智能提示插件的使用,...

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    "jquery-1.8.3.js"是未压缩和未优化的源代码版本,适合在开发环境中使用,方便调试和阅读代码。而"jquery-1.8.3.min.js"则是经过压缩和优化后的版本,文件大小显著减小,适用于生产环境,可以提高网页加载速度。 ...

    JQuery1.4.2(jquery-1.4.2.js jquery-1.4.2.min.js jquery-1.4.2-vsdoc.js jquery-1.4.2-vsdoc_en.js jquery.cookie.js)

    jquery-1.4.2.js jquery-1.4.2.min.js jquery-1.4.2-vsdoc.js 中文版vsdoc jquery-1.4.2-vsdoc_en.js jquery.cookie.js

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    二、`jquery-3.0.0.min.js`的优化 1. 文件大小:`.min.js`是经过压缩和混淆后的版本,文件大小显著减小,有利于提高页面加载速度,降低用户等待时间。 2. 代码优化:通过删除注释、合并变量、缩短函数名等手段,`....

    JQuery的Eclipse开发环境----spket

    为了提高开发效率,许多开发者选择在集成开发环境(IDE)中进行jQuery代码编写,其中Eclipse是一个广泛使用的工具。然而,Eclipse本身并不直接支持jQuery的代码提示和自动完成,这就需要用到插件——Spket。 **...

    jquery.min.js jquery-1.4.2.min.js jquery-1.4.4.min.js jquery-1.10.2.min.js.zip

    标题中的"jquery.min.js"、"jquery-1.4.2.min.js"、"jquery-1.4.4.min.js"以及"jquery-1.10.2.min.js"都是不同版本的jQuery库,其中".min"表示这些文件是经过压缩和优化的版本,适合在生产环境中使用,以减少页面...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    `jquery-1.9.1.js`是未压缩的源代码版本,便于开发者阅读、调试和学习,而`jquery-1.9.1.min.js`是经过压缩和优化后的版本,体积更小,适用于生产环境,以提高页面加载速度。 jQuery 1.9.1版本是一个重要的里程碑,...

    jquery-migrate3.4版本

    jQuery Migrate 是一个插件,它的主要目的是帮助开发者平滑地过渡到较新版本的 jQuery,解决老版本代码在新版本中可能遇到的兼容性问题。在jQuery Migrate 3.4.0版本中,我们看到了对旧API和功能的维护,以及对现代...

Global site tag (gtag.js) - Google Analytics