jQuery 标准和最佳实践 [关闭]
-
12-09-2019 - |
题
我目前负责向我们公司内的 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 编码标准部分:
解决方案
您可以在 StackOverflow.com 中找到这个热门话题
一个又一个非常有趣有用的提示。
以下是我在书签中找到的更多内容:
- 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
其他提示
东西我亲自开始做的是一种的应用匈牙利命名法一> jQuery的套,通过前缀这些变量与$
var someInt = 1;
var $someQueryCollection = $( 'selector' );
我发现,当我的jQuery的片段增长,这将成为非常宝贵的,不仅在推广存储jQuery的设置作为变量的,而是帮助我跟踪哪些变量的实际上是的jQuery的集合。
<强>不唐突的JavaScript(标记和行为的分离)强>
早在天,是很普遍的把你单击处理标记内。现在我们建议您不要通过DOM事件写你的JS代码你的标签内,但包括它。
<强>逐行增强强>
用户,如果他们使用符合标准的浏览器和/或已启用JavaScript的获得更好的体验。网站/网络应用程序仍然可以访问,即使他们有旧的浏览器或已禁用JS
<强>特征检测,而不是浏览器检测强>
保持上述各点之外,我将真正的把传送消息(打破了预先设想的概念),该JavaScript是一种玩具语言。我见过太多的开发谁认为这样一来,一切都是下坡从那里。你需要解释他们的JavaScript如何是一个非常强大的语言,为什么他们需要一个JS库(因为浏览器不一致的),即使JS本身是非常强大的。
好运。
这是jQuery的工作方式是不一样的方式,JavaScript的工作,即使他们是同一个。 jQuery的工作在CSS选择器,像类名(S)和元素的ID。要选择在jQuery的一个项目,你做的:
$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc
,你会得到适合自己的标准网页上的所有元素的集合。然后,您可以对这些元素的您的行为没有任何种类的循环。记住这一点是很重要的:
$(".yourClass").click(function(){
//do stuff
});
会影响与连接到它们.yourClass
所有项目。一个提示:如果你要访问$(this)
,你应该把它保存为一个局部变量:
$(".yourClass").click(function(){
var $this = $(this);
});
,因为它会加速您的功能。