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中不需要;
-
增加了一些辅助类,例如文本背景及高亮等;
-
增加了一些可选样式,例如滚动条等。