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

您可以StackOverflow.com

jQuery pitfalls to avoid

非常有趣有用的提示一前一後在這裏找到這個熱門話題。

這裏有更多一些，我發現在我的書籤：

• http://paulirish.com/2011/11-more-things-i-learned-from-the-jquery-source/
• http://jquery.open2space.com/
• HTTP：//thetoptenme.wordpress。COM/2008/08/19 /在完成引導換jQuery的開發人員的一個reblog/
• http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

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

，因爲它會加快您的功能。

Answer 3

東西我親自開始做的是排序的Apps Hungarian Notation爲jQuery的設置，由前綴這些變量與$

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

我發現，當我的jQuery的片段增長，這將成爲非常寶貴的，不僅在推廣存儲jQuery的設置作爲變量的，而是幫助我跟蹤哪些變量實際上是 jQuery集合。

Answer 4

非侵入式JavaScript（標記和行爲的分離）

早在天，是很普遍的把你單擊處理標記內。現在建議您不要在標記中寫入JS代碼，而是通過DOM事件包含它。

漸進增強

用戶得到更好的體驗，如果他們使用符合標準的瀏覽器和/或具有啓用JavaScript。網站/ Web應用程序仍然可以訪問，即使它們具有較舊的瀏覽器或禁用了JS。

特徵檢測，而不是瀏覽器檢測

保持上述幾點之外，我真的專注於輸送消息（打破先入爲主的概念）JavaScript是一種玩具語言。我看到太多的開發人員認爲這種方式，一切都從那裏走下坡路。你需要向他們解釋JavaScript是一種非常強大的語言，爲什麼他們需要一個JS庫（因爲瀏覽器不一致），儘管JS本身非常強大。

祝你好運。