軟件簡介

zui框架是什么？

zui是禪道項目管理軟件團隊在完善自己產(chǎn)品過程中形成的一個開源前端實踐方案，幫助你快速構(gòu)現(xiàn)代跨屏應(yīng)用。它的特點如下：

簡單美觀，易于使用，快速構(gòu)建簡潔大方的現(xiàn)代web應(yīng)用。

新穎健壯，采用HTML5且支持所有流行的移動及桌面瀏覽器平臺，一些舊的瀏覽器也能夠降級支持。

輕快獨立穩(wěn)定，最佳的可用性能，最大限度的不依賴于外部組件。

全平臺響應(yīng)，一次編寫，響應(yīng)任何尺寸的設(shè)備。

比較適合中文環(huán)境

我們?yōu)槭裁磥碜鰖ui框架？

zui框架并不是我們完全從頭到尾自己寫出來的。我們也是在使用bootstrap,

yui這些框架中結(jié)合我們自己產(chǎn)品的應(yīng)用場景，逐漸積累形成的。現(xiàn)在最成熟的當(dāng)推bootstrap了。但是bootstrap的版本跨度比較大，也有很

多功能是我們不需要的，再加上它還是比較適合英文場景的布局。所以我們才決定自己來寫zui框架。在寫這個框架過程中，我們結(jié)合了很多具體的應(yīng)用場景，比

如大量數(shù)據(jù)展示、比如手機端響應(yīng)式布局等，做了很多非常有針對性的改進(jìn)。最終形成了zui框架。

與Bootstrap的關(guān)系

ZUI繼承了Bootstrap 3中的大部分基礎(chǔ)內(nèi)容，但出于與Bootstrap不同的目的大部分內(nèi)容都進(jìn)行了定制和修改。這些變化包括：

移除了部分插件的限制，增加了一些適用特性，例如Popover彈出的內(nèi)容可以指定已有的標(biāo)簽內(nèi)容,Modal對話框可以自動使用iframe彈出整個頁面內(nèi)容等；

增加了實用的視圖組件，包括卡片、評論、列表、文章、儀表盤、看板等；

新增了幾個Javascript組件，包括拖放、排序、燈箱預(yù)覽，本地存儲，圖片裁剪等；

集成了一些實用的第三方組件，包括cookie、hotkey、chosen、Kindeditor、ChartJs、DatetimePicker等，并且這些組件樣式經(jīng)過重寫，風(fēng)格更為統(tǒng)一；

增加了配色表和新的主題模板，最少只需更改一個配置項更換顏色主題；

修改了默認(rèn)字體配置，包含所使用的字體集和字體大小；

替換了默認(rèn)的字體圖標(biāo)，在FontAwesome圖標(biāo)集的基礎(chǔ)上去掉了一些圖標(biāo)同時增加了一些新的圖標(biāo)，寫法上比FontAwesome更簡單；

大部分組件的默認(rèn)樣式都不需要額外的指定包含’default’的Class，例如class=’btn btn-default’，’btn-default’在ZUI中不需要；

增加了一些輔助類，例如文本背景及高亮等；

增加了一些可選樣式，例如滾動條等。

選擇使用ZUI

Bootstrap是非常優(yōu)秀的前端框架，但在構(gòu)建大型應(yīng)用的開發(fā)時通常遠(yuǎn)遠(yuǎn)不夠。如果Bootstrap能夠完全滿足你的項目，建議使用Bootstrap，如果你需要的更多，則建議使用ZUI。使用ZUI的顯著理由如下：

大部分書寫方式繼承Bootstrap，從Bootstrap方便遷移到ZUI，學(xué)習(xí)成本低，而且寫法上更精簡；

需要的實用功能都能在ZUI中提供，即使是第三方組件也提供統(tǒng)一的樣式和主題支持；

即使ZUI包含的內(nèi)容更豐富，也會控制核心內(nèi)容打包后體積大小，一般css不超過150k(目前130k，精簡版95k)，js不超過100k(目前79k，精簡版33k)，精簡版包含絕大部分功能，但體積更小。非核心內(nèi)容按需加載，推薦自定義編譯；

ZUI從實際項目中誕生(包括禪道、蟬知和然之)，實踐證明其有效性，一切為了快速構(gòu)建你的應(yīng)用；

一些令人激動的新內(nèi)容正在開發(fā)中…

感謝巨人的肩膀

zui的形成是建立在這些巨人的肩膀上的，在此向這些項目和背后的團隊表示感謝！

Grunt

Less

normalize

jQuery

Bootstrap

kindeditor

Chosen

Datetime picker

FontAwesome

google code prettify

jQuery hotkey

Bootbox

Explorer canvas

Chart.js

部分截圖示例

總結(jié)

以上是生活随笔為你收集整理的html5up ui开源框架,ZUI-HTML5前端 UI 框架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。