前端架構 之Jquery EasyUI初篇

EasyUI的應用定位是需要快速開發的中小型企業系統，一方面采用這一架構的團隊可能前端人員比較稀缺，一方面界面的美觀性略有不足和部分子產品性能存在問題。

EasyUI中文官網位址是：http://www.jeasyui.net/tutorial/。

粗覽EasyUI的基本教程。大緻分為基本元件和擴充元件，擴充元件和基本元件有依賴關系。如：

許許多多的前端架構，究其結果都是對dom節點樹的操作。EasyUI也不例外，它是如何封裝這些過程的呢？

第一次對這個架構産生興趣是它的有别于Jquery UI的頁面嵌入方式。Easy UI的panel容器，href屬性可以加載外部資源。加載的頁面會取其body下的html片段加入調用頁面的dom樹中，據說是以append的方式加入的。如果真是這樣，還真是簡單粗暴。

是的，沒錯。被調用頁完全享有母頁（調用頁）的全局參數和方法。解決頁面之間無法調用參數的神器。

想到DJo架構當中，Widget元件也是将每一個模版頁面視為獨立的html片段。稍微嚴格的是，div是其頂級節點（注釋代碼也可能導緻出錯），而且每個html片段都有其獨立的id，各個片段以總線方式連接配接。