DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jQuery架構javascript基礎體系
基於jQuery架構javascript基礎體系
編輯:JQuery特效代碼     
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能力也就是這樣簡單。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved