首页

关于

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, 图标, 模板

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.