ZUI前端開發框架
本篇目錄
zui框架是什麽？
zui是禅道項目管理軟件团队在完善自己産品过程中形成的一个开源前端实践方案，帮助你快速构现代跨屏应用。它的特点如下：
> 简单美观，易于使用，快速构建简洁大方的现代web应用。
> 新颖健壮，采用HTML5且支持所有流行的移动及桌面浏览器平台，一些旧的浏览器也能够降级支持。
> 轻快独立稳定，良好的可用性能，大限度的不依赖于外部组件。
> 全平台响应，一次编写，响应任何尺寸的设备。
> 比较适合中文环境
我們爲什麽來做zui框架？
zui框架并不是我们完全从头到尾自己写出来的。我们也是在使用bootstrap, yui这些框架中结合我们自己産品的应用场景，逐渐积累形成的。现在成熟的当推bootstrap了。但是bootstrap的版本跨度比较大，也有很多功能是我们不需要的，再加上它还是比较适合英文场景的布局。所以我们才决定自己来写zui框架。在写这个框架过程中，我们结合了很多具体的应用场景，比 如大量数据展示、比如手机端响应式布局等，做了很多非常有针对性的改进。终形成了zui框架。
與Bootstrap的關系
ZUI继承了Bootstrap 3中的大部分基础内容，但出于与Bootstrap不同的目的大部分内容都进行了定制和修改。这些变化包括：
- 移除了部分插件的限制，增加了一些適用特性，例如Popover彈出的內容可以指定已有的標簽內容,Modal對話框可以自動使用iframe彈出整個頁面內容等；
- 增加了實用的視圖組件，包括卡片、評論、列表、文章、儀表盤、看板等；
- 新增了幾個Javascript組件，包括拖放、排序、燈箱預覽，本地存儲，圖片裁剪等；
- 集成了一些實用的第三方組件，包括cookie、hotkey、chosen、Kindeditor、ChartJs、DatetimePicker等，並且這些組件樣式經過重寫，風格更爲統一；
- 增加了配色表和新的主題模板，少只需更改一個配置項更換顔色主題；
- 修改了默認字體配置，包含所使用的字體集和字體大小；
- 替換了默認的字體圖標，在FontAwesome圖標集的基礎上去掉了一些圖標同時增加了一些新的圖標，寫法上比FontAwesome更簡單；
- 大部分组件的默认样式都不需要额外的指定包含'default'的Class，例如class='btn btn-default'，'btn-default'在ZUI中不需要；
- 增加了一些輔助類，例如文本背景及高亮等；
- 增加了一些可選樣式，例如滾動條等。
選擇使用ZUI
Bootstrap是非常優秀的前端框架，但在構建大型應用的開發時通常遠遠不夠。如果Bootstrap能夠完全滿足你的項目，建議使用Bootstrap，如果你需要的更多，則建議使用ZUI。使用ZUI的顯著理由如下：
- 大部分書寫方式繼承Bootstrap，從Bootstrap方便遷移到ZUI，學習成本低，而且寫法上更精簡；
- 需要的實用功能都能在ZUI中提供，即使是第三方組件也提供統一的樣式和主題支持；
- 即使ZUI包含的內容更豐富，也會控制核心內容打包後體積大小，一般css不超過150k（目前130k，精簡版95k），js不超過100k（目前79k，精簡版33k），精簡版包含絕大部分功能，但體積更小。非核心內容按需加載，推薦自定義編譯；
- ZUI從實際項目中誕生（包括禅道、蟬知和然之），實踐證明其有效性，一切爲了快速構建你的應用；
- 一些令人激動的新內容正在開發中...
ZUI官網：openzui.com
