完成了360UI界面框架，慶祝

    360UI即QUI，兩年前我曾發(fā)布一款名為QUI的前端框架V2.0版，掀起過一陣使用熱潮，下載量也突破了一萬大關(guān)。不過最終得到的評價(jià)是毀譽(yù)參半，喜歡的人說它的界面美觀，組件使用簡單方便，不喜歡的人說瀏覽器兼容性不好，加載速度慢等。

歷經(jīng)兩年的發(fā)展，尤其是最近一年的刻苦開發(fā)，近期終于推出了框架的V3系列，我也終于可以說，現(xiàn)在的QUI框架已經(jīng)非常完美了！

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

1、瀏覽器兼容性的提升

V2系列的框架由于開發(fā)時(shí)間比較早，在瀏覽器兼容性方面差了不少。新版本V3系列框架，在兼容性方面有了非常大的改進(jìn)，可以完美兼容ie6-ie9，firefox，chrome等主流瀏覽器。

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

通過對原有機(jī)制的改進(jìn)，優(yōu)化代碼等方式，讓性能也得到了很大的提升。很大程度縮短頁面加載的時(shí)間。當(dāng)然，你用的瀏覽器版本越高，速度越快。使用IE9或chrome，則會在一瞬間加載完成。另外還對原來大家提出的眾多bug進(jìn)行了修正。

3、新增大量組件

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

4、使用方式的簡化

通過對原有組件進(jìn)行優(yōu)化和重構(gòu)，極大地簡化組件的使用方式。例如通過下面的一句話： 

其中，url里的路徑用于從遠(yuǎn)程獲取JSON數(shù)據(jù)。這樣即可創(chuàng)建一個(gè)單選下拉框。效果如圖：

在表單元素組件中，無論多么復(fù)雜的組件，都可以通過一句話實(shí)現(xiàn)創(chuàng)建。無需任何JS代碼。除了使用標(biāo)簽創(chuàng)建組件外，還可以使用代碼動(dòng)態(tài)創(chuàng)建組件或動(dòng)態(tài)改變組件的屬性。適合有特殊需求的項(xiàng)目使用。

5、組件全面支持JSON數(shù)據(jù)和異步機(jī)制

框架的所有與數(shù)據(jù)有關(guān)的組件均支持JSON數(shù)據(jù)，包括表單元素、數(shù)據(jù)表格、樹組件等。

組件的數(shù)據(jù)獲取方式除了前面示例中的url方式，還可以使用data()方法賦值等多種賦值方式，用戶可以根據(jù)需要選擇最適合自己的方式。

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

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

V3系列還出了JAVA示例工程和.NET示例工程。對于每一個(gè)與后臺有交互的情況都會做出典型的示例，這樣開發(fā)者在做與后臺整合時(shí)就不必?fù)?dān)心多走彎路了。

7、增加更炫的皮膚

新版本推出了很多更加漂亮的皮膚。 

工作桌面：

word2007風(fēng)格

8、詳盡的使用文檔

V3系列提供了非常詳盡的使用文檔，由600多頁的word文檔制作而成，包含了WEB開發(fā)的方方面面。有chm版本和在線版本。 

下載地址：

http://qui-frame.googlecode.com/files/qui-v3-free.rar

另外向大家推薦快速入門的視頻教程，以框架功能介紹和效果展示為主，并穿插一些實(shí)際的操作來做演示講解。共分為8講，每一講10幾分鐘。旨在讓大家短時(shí)間內(nèi)對框架的各功能特性有較為充分的了解，并掌握基本的使用方法。

360UI:www.360ui.net