UI框架

    兩年前我曾發佈一款名爲QUI的前端框架V2.0版，掀起過一陣使用熱潮，下載量也突破了一萬大關。不過最終獲得的評價是譭譽參半，喜歡的人說它的界面美觀，組件使用簡單方便，不喜歡的人說瀏覽器兼容性很差，加載速度慢等。

    歷經兩年的發展，尤爲是最近一年的刻苦開發，近期終於推出了框架的V3系列，我也終於能夠說，如今的QUI框架已經很是完美了！

簡單介紹一下新版本QUI的特性：

1、瀏覽器兼容性的提高

V2系列的框架因爲開發時間比較早，在瀏覽器兼容性方面差了很多。新版本V3系列框架，在兼容性方面有了很是大的改進，能夠完美兼容ie6-ie9，firefox，chrome等主流瀏覽器。

 

2、性能的提高和bug的修正

經過對原有機制的改進，優化代碼等方式，讓性能也獲得了很大的提高。很大程度縮短頁面加載的時間。固然，你用的瀏覽器版本越高，速度越快。使用IE9或chrome，則會在一瞬間加載完成。另外還對原來你們提出的衆多bug進行了修正。

 

3、新增大量組件

新版本框架新增了不少重要的組件，例如支持JSON的數據表格，可多選的樹形下拉框，仿163郵箱的多文件異步上傳控件，仿天貓商城的條件篩選組件等等。

4、使用方式的簡化

經過對原有組件進行優化和重構，極大地簡化組件的使用方式。例如經過下面的一句話：

其中，url裏的路徑用於從遠程獲取JSON數據。這樣便可建立一個單選下拉框。效果如圖：

在表單元素組件中，不管多麼複雜的組件，均可以經過一句話實現建立。無需任何JS代碼。除了使用標籤建立組件外，還可使用代碼動態建立組件或動態改變組件的屬性。適合有特殊需求的項目使用。

 

5、組件全面支持JSON數據和異步機制

框架的全部與數據有關的組件均支持JSON數據，包括表單元素、數據表格、樹組件等。

組件的數據獲取方式除了前面示例中的url方式，還可使用data()方法賦值等多種賦值方式，用戶能夠根據須要選擇最適合本身的方式。

此外，框架還支持表單的異步提交與異步編輯機制。

 

6、新增JAVA版和.NET版示例工程

V3系列還出了JAVA示例工程和.NET示例工程。對於每個與後臺有交互的狀況都會作出典型的示例，這樣開發者在作與後臺整合時就沒必要擔憂多走彎路了。

 

7、增長更炫的皮膚

新版本推出了不少更加漂亮的皮膚。

工做桌面：

word2007風格

8、詳盡的使用文檔

   V3系列提供了很是詳盡的使用文檔，由600多頁的word文檔製做而成，包含了WEB開發的方方面面。有chm版本和在線版本。

   代碼下載地址：http://www.360ui.net