jQuery 标准和最佳实践

Question

我目前负责向我们公司内的 Web 开发人员社区推广 jQuery 的使用。 其中一部分涉及介绍课程，但另一部分涉及传达标准和最佳实践。

如果您在 Google 上搜索“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

Answer 1

不显眼的 JavaScript（标记和行为分离）

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

渐进增强

如果用户使用符合标准的浏览器和/或启用了 JavaScript，他们将获得更好的体验。 即使使用较旧的浏览器或禁用了 JS，网站/Web 应用程序仍然可以访问。

功能检测而不是浏览器检测

抛开以上几点不谈，我真的会专注于传达这样的信息（打破先入为主的观念）：JavaScript 是一种玩具语言。 我见过太多有这种想法的开发人员，但从那里开始一切都在走下坡路。 你需要向他们解释 JavaScript 如何是一种非常强大的语言，以及为什么他们需要 JS 库（因为浏览器不一致），尽管 JS 本身非常强大。

祝你好运。

Answer 2

您可以在 StackOverflow.com 中找到这个热门主题

要避免的 jQuery 陷阱

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

以下是我在书签中找到的更多内容：

• http://paulirish.com/2011/11-more-things-i-learned-from-the-jquery-source/
• http://jquery.open2space.com/
• http://thetoptenme.wordpress.com/2008/08/19/the-complete- guide-for-jquery-developer-reblog/
• http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

Answer 3

我个人开始做的事情是一种 Apps 匈牙利符号 jQuery 集，通过在这些变量前加上 $ 前缀，

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

我发现随着我的 jQuery 片段的增长，这变得非常有价值，不仅可以促进将 jQuery 集存储为变量，还可以帮助我跟踪哪些变量实际上是 jQuery 集。

Answer 4

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);
});

因为它将加速您的函数。