HTML5前端UI框架 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的形成是建立在这些巨人的肩膀上的,在此向这些项目和背后的团队表示感谢!
Grunt
Less
normalize
jQuery
Bootstrap
kindeditor
Chosen
Datetime picker
FontAwesome
google code prettify
jQuery hotkey
Bootbox
Explorer canvas
Chart.js
HTML5前端UI框架 ZUI相关推荐
- antvue 有赞布局_UI大全:前端UI框架集合(持续更新,当前32个)
2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semanti ...
- element ui点击按钮弹出款_前端猿应该知道的十大最流行的前端UI框架
在前端项目开发过程中,现在很少有人会使用原生的CSS来搭建页面,总归都会引入一些前端UI框架以减少代码的书写.一般为了方便自己的使用,很多大公司都有自己的一套UI框架,同时也会把其开源出来.下面就是最 ...
- 前端UI框架选择区别对比推荐
UI选择务必慎重,货比三家. 弱水三千只取一瓢:弱水三千只取一瓢,源起佛经中的一则故事,警醒人们在一生中可能会遇到很多美好的东西,但只要用心好好把握住其中的一样就足够了 老牌构建于jQuery框架之上 ...
- VUE常用UI组件插件及框架-vue前端UI框架收集
UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...
- 12个常用前端UI框架集都在这了!!!
1.bootstrap ---神秘小峯 Bootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML.CSS 和 JS 开发的开源工具包,是全球最受欢迎的前端组件库,用于开发响应式 ...
- 汇总——前端UI框架
本文整理了一些比较流行的前端UI框架,排名不分先后,仅供参考.可按照项目需求自行考虑. 1.bootstrap Bootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML.CSS ...
- 目前流行前端UI框架排行榜
在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架. 一.Mint UI 流行指数:★★★★ Mint UI是 ...
- oracle 前端ui框架,Layui(前端UI框架) 2.6.4 官方最新版
Layui最好用的前端ui框架是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过.一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以 ...
- 前端ui框架_跨屏建站发布同名响应式前端ui框架
跨屏建站发布同名响应式前端ui框架,它是跨屏建站关于前端页面构建上的积累的结晶,现已开源,我们将持续的用开源的方式做好ui框架产品,用心做好建站产品. 关于 跨屏UI框架是基于Bootstrap的扩展 ...
最新文章
- 学习笔记(六)——JavaScript(三)
- 大一计算机课实训总结1000字,大一计算机实训报告.doc
- 计算机高效课堂建设,打造职业学校计算机高效课堂.doc
- base cap 分布式_干货分享:基于本地消息表的分布式事务解决方案总结
- Redis 架构之 cluster
- 虚拟机启动后链接超时
- Jquery表单与表格的运用
- 44. Element insertBefore() 方法
- 关于PADS2007快捷键失效问题解决
- ICMP数据包结构(转)
- 对未来国产操作系统的期望
- java oracle 中文列_java oracle中文乱码怎么办
- suse linux raid驱动,安装SuSE使用嵌入式SATA控制器用常见设备使用情况的megaSR swraid驱动程序...
- html5移动开发是什么意思,移动端什么意思?
- [答疑]工程管理组织的业务用例图
- RK3288源码编译
- MySQL 与 PostgreSQL 比较,哪个更好、我们该选用哪个?
- jdbc入门到精通1.1访问数据库实战
- Delphi Xe 下载(破解)
- As American as apple pie 美国特色
热门文章
- 使用embeded tomcat进行嵌入式tomcat-启动tomcat
- 看漫画学知识:详解获得苹果推荐的4大要素
- 任志强再论房价,基准地价增数倍房价还得涨
- YS_20190820_图像_Matlab_03
- 公司sns JSSDK组件列表-20131011
- CVPR2020目标检测等论文汇总:代码 / 论文解读 / 打包下载
- 怎么关闭vivo系统自检_vivo手机越用越卡怎么办?只要关闭这3个设置,就能轻松解决...
- jquery双重循环
- 210天从外包踏进华为跳动那一刻,我泪目了
- SQL附加数据库找不到mdf文件