使用jQuery架構javascript基礎體系打賞

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能力也就是這樣簡單。

使用jQuery架構javascript基礎體系
文章《使用jQuery架構javascript基礎體系》二維碼
  • 微信打賞
  • 支付寶打賞

暫無評論

(必填)

(必填)

(可選)

黑龙江22选5开奖