最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于jQuery架構(gòu)javascript基礎(chǔ)體系

 更新時間:2011年01月01日 17:51:44   作者:  
jQuery畢竟還只是一個基礎(chǔ)的最底層的工具集,封裝元素選擇器,事件等等,基本上能滿足一般的需求,但要從整體的WEB的周度來看,為了提高javascript開發(fā)的效率與可重用性,就需要有一個整體的布局
jQuery的使用開始成為javascript開發(fā)者的主選產(chǎn)品,但如果沒有一個整體的規(guī)劃,簡單的拿來主義勢必帶來后期維護(hù)成本的增加,大量的jQuery插件如同一把雙刃劍,一方面大大節(jié)省了開發(fā)時間與周期,但同時也造成WEB頁面加載的負(fù)擔(dān),帶來的難護(hù)與二級擴(kuò)展成本將非常龐大,因此,在使用之前就需要一個最基礎(chǔ)的javascript架構(gòu)體系,能明顯基礎(chǔ)功能組件,插件組件有效實施與擴(kuò)展。

我們想,jQuery畢竟還只是一個基礎(chǔ)的最底層的工具集,封裝元素選擇器,事件等等,基本上能滿足一般的需求,但要從整體的WEB的周度來看,為了提高javascript開發(fā)的效率與可重用性,就需要有一個整體的布局,biuuu認(rèn)為最簡單的思路如下:

1,在現(xiàn)有的ajax接口之上再封裝一層操作,主要是用于統(tǒng)一ajax入口,同時可以再細(xì)分把GET與POST兩種進(jìn)行分離,通過全局的入口,就能從整理上把關(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)用的入口,對于后期的擴(kuò)展與維護(hù)提供便利,這樣就不需要關(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中用on綁定事件時需注意的事項

    jQuery中用on綁定事件時需注意的事項

    本篇文章主要介紹了jQuery中用on綁定事件時需注意的事項,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • imgAreaSelect 中文文檔幫助說明

    imgAreaSelect 中文文檔幫助說明

    ImgAreaSelect是一jQuery插件,它支持用戶通過鼠標(biāo)拖曳選擇圖片的一部分,非常的fashion。另外,可以在這個選擇圖像區(qū)域的基礎(chǔ)上應(yīng)用網(wǎng)站的其他一些技術(shù),比如圖片拖曳、圖片編輯等。
    2011-10-10
  • jQuery實現(xiàn)鼠標(biāo)單擊網(wǎng)頁文字后在文本框顯示的方法

    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
  • Jquery判斷頁面圖片是否加載失敗的代碼

    Jquery判斷頁面圖片是否加載失敗的代碼

    這篇文章主要介紹了Jquery判斷頁面圖片是否加載失敗,加載失敗則顯示默認(rèn)圖片的實現(xiàn)方法,需要的朋友可以參考下
    2023-06-06
  • jQuery(非HTML5)可編輯表格實現(xiàn)代碼

    jQuery(非HTML5)可編輯表格實現(xiàn)代碼

    單擊單元格選中,選中過程中使用方向鍵更換選中的單元格,選中過程中按回車鍵或者直接雙擊單元格進(jìn)入可編輯狀態(tài),單元格失去焦點時保存修改的內(nèi)容
    2012-12-12
  • WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個簡寫

    WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個簡寫

    一個簡單技巧的集合,幫你提升 jQuery 技能,下面腳本之家小編給大家收集整理了web前端開發(fā)都應(yīng)知道的jquery小技巧,對jquery小技巧感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • JQuery 選項卡效果(JS與HTML的分離)

    JQuery 選項卡效果(JS與HTML的分離)

    基于JQuery實現(xiàn)的一個選項卡效果,重點體現(xiàn)在HTML里沒有內(nèi)聯(lián)事件處理程序,而是定義在js文件里,做到行為與結(jié)構(gòu)的分離。
    2010-04-04
  • jQuery中wrapInner()方法用法實例

    jQuery中wrapInner()方法用法實例

    這篇文章主要介紹了jQuery中wrapInner()方法用法,實例分析了wrapInner()方法的功能、定義及包裹匹配元素的使用技巧,需要的朋友可以參考下
    2015-01-01
  • EasyUI 中 MenuButton 的使用方法

    EasyUI 中 MenuButton 的使用方法

    在EasyUI 的Demo 中 只有MenuButton 的顯示DEMO,沒有click 事件的相關(guān)操作,項目中正好用到啦,所以研究了下,可以用js 動態(tài)的為menu item 綁定click 事件
    2012-07-07
  • jquery性能優(yōu)化高級技巧

    jquery性能優(yōu)化高級技巧

    jquery性能優(yōu)化做好,速度也很快,那么如何提高jquery性能呢,本篇文章給大家介紹jquery性能優(yōu)化高級技巧,需要的朋友可以參考下
    2015-08-08

最新評論

邯郸市| 临沧市| 郓城县| 镇雄县| 贵溪市| 曲阜市| 习水县| 河北区| 略阳县| 丹棱县| 黎城县| 广昌县| 太原市| 博乐市| 太湖县| 青神县| 丰台区| 苏尼特左旗| 汉川市| 定日县| 宁河县| 牙克石市| 拉萨市| 平泉县| 潮州市| 洛扎县| 霍州市| 黔南| 沈阳市| 鸡泽县| 九台市| 内江市| 穆棱市| 博乐市| 通江县| 拜泉县| 吉木乃县| 惠水县| 海南省| 嘉黎县| 丹阳市|