首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

8个能够有效帮助你提高jQuery代码性能(performance)的技巧

日期:2012/02/22  来源:GBin1.com

8个能够有效帮助你提高jQuery代码性能(performance)的技巧

jQuery越来越流行了,大家可能也会发现,在浏览网站过程中,越来越多的网站开始使用jQuery来构建以前需要使用flash来实现的超酷动态效果,事实上jQuery已经成为前端开发中重要的类库之一,发挥着构建丰富web前端的利器。但是作为一个JS类库,很多人并不是非常清楚如何正确使用 jQuery来达到最佳的性能(Peformacne),如果你觉得代码书写对于性能的影响不会那么巨大,那么我只能告诉你,当你使用 jQuery开发一个复杂的动画和web应用的话,它有可能成为你性能上的终极噩梦。

在这篇文章中,我们将介绍代码书写中,大家应该需要注意的几个性能问题,希望对于大家在书写高性能的web应用中有帮助,大家在书写jQuery的过程中,小阳台注意和避免这些性能的问题,才能写出高质量高性能的web应用,希望大家喜欢这篇文章。谢谢!

选择器Selector的使用

jQuery中的选择器selecor是大家经常使用的强大功能,事实上jQuery提供给我们非常丰富的手段来使用选择器定位DOM元素。但是很少有开发人员会考虑使用不同的选择器来处理性能问题。这里我们将介绍几种常用的选择器,及其它们之间的性能差异。

  • $("#id")

使用id来定位DOM元素无疑是最佳提高性能方式,因为jQuery底层将直接调用本地方法document.getElementbyId(),如果熟悉javascript的朋友应该了解这个方法将直接通过元素id来返回对应的元素。当然,如果这个方式不能直接找到你需要的元素,那么你可以考虑调用.find()方法。如下:

$("#gbid").find("div")

使用以上方法可以有效的缩小你定位的DOM元素。…

标签: jQuery优化性能, jQuery性能, jQuery代码书写, jQuery高性能代码, HTML/HTML5, CSS/CSS3, JS, jQuery, jQuery UI, jQuery Mobile, jQuery插件, UI, 图标, 模板

阅读更多

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. 学习类库

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

 jQuery中最快的选择器是ID选择器,例如, $('#someid').…

标签: jQuery性能, jQuery性能原则, jQuery性能优化

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐