天天看點

JQuery EasyUI架構學習

新項目的開發前端技術打算采用EasyUI架構(基于EasyUI較為豐富的UI元件庫),項目組長将前端EasyUI這塊的任務配置設定給了我。在進行開發之前,需要我這菜鳥對EasyUI架構進行一些基礎的入門學習。之後會在學習的過程中将自己遇到的問題和有用的東西記錄下來。

EasyUI架構式基于JQuery的,使用它幫助我們快捷的建構web網頁。EasyUI架構是一個簡單、易用、強大的輕量級web前端javascript架構。現階段來說,在開發web項目時,前端的開發我們更喜歡使用JQuery代替原生的javascript,原因大概是基于如下方面:

JQuery是基于javascript的擴充,使頁面和腳本進行了分離。

JQuery的宗旨:用最少的代碼最多的事。

在javascript的擴充(架構中),JQuery對于性能的了解是十分到位的。

基于JQuery的插件越來越多,也越來越人性化,對于項目的開發有一定的借鑒。

簡單、易學、快速上手讓其更具吸引力。

EasyUI是基于JQuery的架構,相比于其他架構來說其具有如下的優點:

EasyUI可以很容易的幫助建立web頁面。

EasyUI是基于使用者界面的插件集合。

EasyUI提供了建構更加現代,互動性的js程式應用。

通過EasyUI我們可是編寫一些html标記來定義使用者界面。

極大的提升項目開發的時間。

最基本的使用就是引入easyui.min.js檔案,以及其對應的jquery.min.js檔案。注意的是jquery-easyui是基于jquery的,是以jquery.min.js檔案最好先于easyui.min.js先引入。

前面也說道了,EasyUI是插件集合,需要用到的時候在自行引入就可以了。

EasyUI的下載下傳推薦EasyUI官網:http://www.jeasyui.com/EasyUI的學習,官網上已經提供了非常豐富的學習執行個體,而且Demo非常豐富。這裡推薦幾個有用學習easyui的站點:

EasyUI官網

JQueryEasyUI中文社群:http://bbs.jeasyuicn.com/(張宇、夏季)

EasyUI學習班:http://www.jeasyuicn.com/

EasyUI入門視訊教程(easyui學習班提供)

........

好了,前期的準備已經差不多了,後續就是一點一點深入學習了。

繼續閱讀