天天看點

jQuery程式設計的最佳實踐加載jQuery關于變量關于選擇器DOM操作相關事件相關異步操作動畫與特效插件相關鍊式句法其他REFERENCE

5.該使用哪個版本?

如果你想相容IE678請表用2.x的版本

針對極少數不用考慮相容性的幸運兒,極力推薦使用最新版本的jQuery

當從CDN伺服器加載jQuery時,最好把版本寫全(比如1.11.0而不是1.11或者直接寫個1)

千萬莫重複加載

6.如果你同時還使用了其他JS架構諸如Prototype, MooTools, Zepto雲雲,因為他們也使用了$符号,是以你就表再用美刀符号來進行jQuery 編碼了,而請用'jQuery'代替。并且調用$.noConflict()保證不會有沖突出現。

1.jQuery類型的變量最好加個$字首。

2.時常将jQuery選擇器傳回的内容存進變量以便重用

3.使用駝峰命名

1.盡量ID選擇器。其背後機理其實是調用原生的document.getElementById(),是以速度較其他選擇器快。

6.指定選擇的上下文。

9.ID已經表示唯一了,背後使用的是document.getElementById(),是以表跟其他選擇器混搭了。

1.一個頁面隻寫一個文檔ready事件的處理程式。這樣代碼既清晰好調試,又容易跟蹤代碼的程序。

3.處理文檔ready事件的回調也表用匿名函數,匿名函數不易調試維護測試和複用:(

4.進一步,最好也将ready事件的處理程式放到外部檔案中引入到頁面,而頁面中内嵌的代碼隻需調用即可。

5.千萬表寫内聯到HTML的JS代碼,這是調試的夢魇!應該總是用jQuery來綁定事件自帶程式,這樣也友善随時動态地取消綁定。

6.如果可能盡量在綁定事件處理程式時使用一個命名空間,這樣可以友善地取消綁定而不會影響其他綁定。

1.直接用$.ajax()而表去用.getJson() 或 .get(),因為jQuery内部還是将其轉為前者

2.表對HTTPS站點使用HTTP去發起請求,最好幹脆就表指定(将HTTP或者HTTPS從你的URL中移除)

3.表在連結裡面嵌參數,請使用專門的參數設定來傳遞

4.盡量指明資料類型以便你自己清楚要處理什麼樣的資料(見下方會提到的Ajax模闆)

1.保持一個始終如一風格統一的動畫實作

2.緊遵使用者體驗,表濫用動畫特效

使用簡潔的顯示隐藏,狀态切換,滑入滑出等效果來展示元素

使用預設值來設定動畫的速度'fast','slow',或者400(中等速度)

1.始終選擇一個有良好支援,完善文檔,全面測試過并且社群活躍的插件

2.注意所用插件與目前使用的jQuery版本是否相容

1.除了用變量将jQuery選擇器傳回的結果儲存,還可以利用好鍊式調用。

2.當鍊式調用多達3次以上或代碼因綁定回調略顯複雜時,使用換行和适當的縮進來提高代碼的可讀性。

3.對于特别長的調用最好還是用變量儲存下中間結果來簡化代碼。

1.使用對象字面量來傳遞參數

2.表将CSS與jQuery雜揉

原文的reference

繼續閱讀