基于jQuery架構javascript基礎體系

2019-11-21 00:00:33

字體：大中小

來源：轉載

供稿：網友

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 jqgrid 對含特殊字符json 數據的 Java 處理方法

下一篇：jQuery技巧總結