基於jQuery架構javascript基礎體系_jquery

來源:互聯網
上載者:User
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能力也就是這樣簡單。
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.