jQuery标准和最佳实践

时间:2009-08-07 15:57:31

标签: javascript jquery code-standards

我目前负责将jQuery的使用推广到我们公司内的Web开发人员社区。部分内容涉及介绍课程,但另一部分涉及沟通标准和最佳实践。

如果您使用谷歌“jQuery最佳实践”,您可能会在搜索结果中找到以下内容。 http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/ http://www.artzstudio.com/2009/04/jquery-performance-rules/

这些都很有帮助,我已经发现了很多有用的信息。但是,我真正感兴趣的是有关经验丰富的jQuery开发人员和那些可能发现自己处于类似位置的人的最佳实践的任何提示,陷阱,意见等。任何好的链接也将受到赞赏。

修改

在我自己的页面上添加了jQuery编码标准部分:

http://www.jameswiseman.com/blog/?p=48

4 个答案:

答案 0 :(得分:42)

您可以在StackOverflow.com

中找到此热门话题

jQuery pitfalls to avoid

一个接一个非常有趣的有用提示。

我在书签中找到了更多内容:

答案 1 :(得分:27)

我个人开始做的事情是jQuery集合的Apps Hungarian Notation,通过为这些变量添加前缀$

var someInt = 1;
var $someQueryCollection = $( 'selector' );

我发现随着我的jQuery片段的增长,这变得非常宝贵,不仅在促进将jQuery集存储为变量,而且还帮助我跟踪实际上是 jQuery集的变量。 / p>

答案 2 :(得分:12)

不引人注目的JavaScript(标记和行为的分离)

回到过去,将点击处理程序放在标记中是很常见的。现在建议您不要在标记中编写JS代码,而是通过DOM事件包含它。

渐进式增强

如果用户使用符合标准的浏览器和/或启用了JavaScript,则可以获得更好的体验。即使网站/网络应用程序具有较旧的浏览器或已禁用JS,仍然可以访问它们。

功能检测而非浏览器检测

除了上述要点之外,我会真正专注于传达JavaScript是一种玩具语言的信息(打破预先设想的概念)。我见过太多的开发人员都是这么想的,一切都从那里走下坡路。你需要向他们解释一下JavaScript是一种非常强大的语言,以及为什么他们需要一个JS库(因为浏览器不一致),尽管JS本身非常强大。

祝你好运。

答案 3 :(得分:2)

jQuery的工作方式与JavaScript的工作方式不同,即使它们是同一个。 jQuery适用于CSS选择器,如类名和元素的id。要在jQuery中选择项目,请执行以下操作:

$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc

您将获得符合条件的页面上所有元素的集合。然后,您可以对所有这些元素执行操作,而无需任何循环。这一点很重要:

$(".yourClass").click(function(){
    //do stuff
});

会影响附加.yourClass的所有项目。一个提示:如果您要访问$(this),则应将其保存为本地变量:

$(".yourClass").click(function(){
    var $this = $(this);
});

因为它会加快你的功能。