基于jQuery架構(gòu)javascript基礎(chǔ)體系
更新時間:2011年01月01日 17:51:44 作者:
jQuery畢竟還只是一個基礎(chǔ)的最底層的工具集,封裝元素選擇器,事件等等,基本上能滿足一般的需求,但要從整體的WEB的周度來看,為了提高javascript開發(fā)的效率與可重用性,就需要有一個整體的布局
jQuery的使用開始成為javascript開發(fā)者的主選產(chǎn)品,但如果沒有一個整體的規(guī)劃,簡單的拿來主義勢必帶來后期維護成本的增加,大量的jQuery插件如同一把雙刃劍,一方面大大節(jié)省了開發(fā)時間與周期,但同時也造成WEB頁面加載的負擔(dān),帶來的難護與二級擴展成本將非常龐大,因此,在使用之前就需要一個最基礎(chǔ)的javascript架構(gòu)體系,能明顯基礎(chǔ)功能組件,插件組件有效實施與擴展。
我們想,jQuery畢竟還只是一個基礎(chǔ)的最底層的工具集,封裝元素選擇器,事件等等,基本上能滿足一般的需求,但要從整體的WEB的周度來看,為了提高javascript開發(fā)的效率與可重用性,就需要有一個整體的布局,biuuu認(rèn)為最簡單的思路如下:
1,在現(xiàn)有的ajax接口之上再封裝一層操作,主要是用于統(tǒng)一ajax入口,同時可以再細分把GET與POST兩種進行分離,通過全局的入口,就能從整理上把關(guān),如過濾參數(shù),檢驗參數(shù),增加全局參數(shù)等,一步到位,可復(fù)用性非常高,實現(xiàn)上如下:
var ajax= {
get : function(){
jQuery.get(url, [data], [callback], [type])
}
post : function(){
jQuery.post(url, [data], [callback], [type])
}
}
2,封裝統(tǒng)一的彈出框,對話框等交互窗口,通過統(tǒng)一接口實現(xiàn)彈窗類操作的交互,節(jié)省開發(fā)時間,同時有利于整體風(fēng)格的調(diào)整與優(yōu)化。
3,提供基礎(chǔ)的插件加載函數(shù),類似于工廠模式,統(tǒng)一插件加載與調(diào)用的入口,對于后期的擴展與維護提供便利,這樣就不需要關(guān)心插件的更新與升級,只需要調(diào)用統(tǒng)一的接口。
4,其實就是一些最基礎(chǔ)常用的函數(shù),這個與具體的項目相關(guān),做為全局的工具類。
從上面四點來看,整體的架構(gòu)思路還只是一個比較淺層次的方案,其實還有安全,性能等方面的考慮,但至少需要有這方面的思路,越是簡單就越能體現(xiàn)出架構(gòu)的合理性,javascript體系也不例外,在實際的使用過程中,通過整合與優(yōu)化,提高javascript的開發(fā)效率與提升javascript能力也就是這樣簡單。
我們想,jQuery畢竟還只是一個基礎(chǔ)的最底層的工具集,封裝元素選擇器,事件等等,基本上能滿足一般的需求,但要從整體的WEB的周度來看,為了提高javascript開發(fā)的效率與可重用性,就需要有一個整體的布局,biuuu認(rèn)為最簡單的思路如下:
1,在現(xiàn)有的ajax接口之上再封裝一層操作,主要是用于統(tǒng)一ajax入口,同時可以再細分把GET與POST兩種進行分離,通過全局的入口,就能從整理上把關(guān),如過濾參數(shù),檢驗參數(shù),增加全局參數(shù)等,一步到位,可復(fù)用性非常高,實現(xiàn)上如下:
復(fù)制代碼 代碼如下:
var ajax= {
get : function(){
jQuery.get(url, [data], [callback], [type])
}
post : function(){
jQuery.post(url, [data], [callback], [type])
}
}
2,封裝統(tǒng)一的彈出框,對話框等交互窗口,通過統(tǒng)一接口實現(xiàn)彈窗類操作的交互,節(jié)省開發(fā)時間,同時有利于整體風(fēng)格的調(diào)整與優(yōu)化。
3,提供基礎(chǔ)的插件加載函數(shù),類似于工廠模式,統(tǒng)一插件加載與調(diào)用的入口,對于后期的擴展與維護提供便利,這樣就不需要關(guān)心插件的更新與升級,只需要調(diào)用統(tǒng)一的接口。
4,其實就是一些最基礎(chǔ)常用的函數(shù),這個與具體的項目相關(guān),做為全局的工具類。
從上面四點來看,整體的架構(gòu)思路還只是一個比較淺層次的方案,其實還有安全,性能等方面的考慮,但至少需要有這方面的思路,越是簡單就越能體現(xiàn)出架構(gòu)的合理性,javascript體系也不例外,在實際的使用過程中,通過整合與優(yōu)化,提高javascript的開發(fā)效率與提升javascript能力也就是這樣簡單。
相關(guān)文章
jQuery實現(xiàn)鼠標(biāo)單擊網(wǎng)頁文字后在文本框顯示的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)單擊網(wǎng)頁文字后在文本框顯示的方法,可實現(xiàn)鼠標(biāo)點擊上方文字即可在下方勾選處文本框顯示對應(yīng)文字的效果,涉及jQuery鼠標(biāo)事件及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,需要的朋友可以參考下2015-05-05
WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個簡寫
一個簡單技巧的集合,幫你提升 jQuery 技能,下面腳本之家小編給大家收集整理了web前端開發(fā)都應(yīng)知道的jquery小技巧,對jquery小技巧感興趣的朋友一起學(xué)習(xí)吧2015-11-11

