jQuery的使用開始成為javascript開發人員的主選產品,但如果沒有一個整體的規劃,簡單的拿來主義勢必帶來後期維護成本的增加,大量的jQuery外掛程式如同一把雙刃劍,一方面大大節省了開發時間與周期,但同時也造成WEB頁面載入的負擔,帶來的難護與二級擴充成本將非常龐大,因此,在使用之前就需要一個最基礎的javascript架構體系,能明顯基礎功能組件,外掛程式組件有效實施與擴充。
我們想,jQuery畢竟還只是一個基礎的最底層的工具集,封裝元素選取器,事件等等,基本上能滿足一般的需求,但要從整體的WEB的周度來看,為了提高javascript開發的效率與可重用性,就需要有一個整體的布局,biuuu認為最簡單的思路如下:
1,在現有的ajax介面之上再封裝一層操作,主要是用於統一ajax入口,同時可以再細分把GET與POST兩種進行分離,通過全域的入口,就能從整理上把關,如過濾參數,檢驗參數,增加全域參數等,一步到位,可複用性非常高,實現上如下:
複製代碼 代碼如下:
var ajax= {
get : function(){
jQuery.get(url, [data], [callback], [type])
}
post : function(){
jQuery.post(url, [data], [callback], [type])
}
}
2,封裝統一的彈出框,對話方塊等互動視窗,通過統一介面實現彈窗類操作的互動,節省開發時間,同時有利於整體風格的調整與最佳化。
3,提供基礎的外掛程式載入函數,類似於原廠模式,統一外掛程式載入與調用的入口,對於後期的擴充與維護提供便利,這樣就不需要關心外掛程式的更新與升級,只需要調用統一的介面。
4,其實就是一些最基礎常用的函數,這個與具體的項目相關,做為全域的工具類。
從上面四點來看,整體的架構思路還只是一個比較淺層次的方案,其實還有安全,效能等方面的考慮,但至少需要有這方面的思路,越是簡單就越能體現出架構的合理性,javascript體系也不例外,在實際的使用過程中,通過整合與最佳化,提高javascript的開發效率與提升javascript能力也就是這樣簡單。