一个很实用的前端框架Zui
2014-07-31 11:03
274 查看
杰哥给我推荐了一个很有用的前端框架-Zui,我看着觉得很神奇的,因为有很多我都不懂。
在这里分享总结一下。
首先,这是一个中国自己开发的框架,比起很多外国的框架来说,有很详细的API,而且是全中文的,不需要再经过其他人的翻译了。然后,它的内容十分丰富,很系统的分为了:基础,控件,组件,JS插件,视图几大块;而且使用起来,只需要导入js,在适当的地方加上正
确的class类就可以了。对于,没有什么js基础的人,也是十分容易上手的。
下面我就大体的介绍一下它的各个模块的功能。
基础:基础里面我觉得很有用的主要包括 全局样式表,兼容性,响应式设计,滚动条和主题。这里主要是方便css的编写。全局样式表使用的是 normalize.css,开始我都不晓得这个css是什么,然后在网上查了下,发现他很厉害,这个CSS的功能就是对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致(百度的);兼容性主要是兼容ie8以上的浏览器。
标题就是h1-h6,h1是最大文字,数字越大字越小,针对多样性的内容使用。
组件:组件是非单一的元素。包括输入组,列表组,分页器等等。
JS插件:插件里面可以实现一般需要用到的网页动态效果,不需要自己再另外写js了 直接引用它内部定义的function就可以了。
里面的内容说的非常详细,但还是有很多我没有怎么看懂。有时间话会仔细研究
另外,Zui是拥有简洁版的,这样就可以很好的减少代码的大小问题了。而且结构很清晰,你只需要引用你所需要的功能的css和js就可以了。
虽然我想成为一名网页设计师,但是不得不说以后在设计的时候,可以考虑与Zui里面的样式多结合,这样切图和需要一些js动态特效的时候,就会轻松很多。而且Zui的页面是可以兼容各个浏览器和不同屏幕的;这一点也是很有好的。
在这里分享总结一下。
首先,这是一个中国自己开发的框架,比起很多外国的框架来说,有很详细的API,而且是全中文的,不需要再经过其他人的翻译了。然后,它的内容十分丰富,很系统的分为了:基础,控件,组件,JS插件,视图几大块;而且使用起来,只需要导入js,在适当的地方加上正
确的class类就可以了。对于,没有什么js基础的人,也是十分容易上手的。
下面我就大体的介绍一下它的各个模块的功能。
基础:基础里面我觉得很有用的主要包括 全局样式表,兼容性,响应式设计,滚动条和主题。这里主要是方便css的编写。全局样式表使用的是 normalize.css,开始我都不晓得这个css是什么,然后在网上查了下,发现他很厉害,这个CSS的功能就是对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致(百度的);兼容性主要是兼容ie8以上的浏览器。
标题就是h1-h6,h1是最大文字,数字越大字越小,针对多样性的内容使用。
组件:组件是非单一的元素。包括输入组,列表组,分页器等等。
JS插件:插件里面可以实现一般需要用到的网页动态效果,不需要自己再另外写js了 直接引用它内部定义的function就可以了。
里面的内容说的非常详细,但还是有很多我没有怎么看懂。有时间话会仔细研究
另外,Zui是拥有简洁版的,这样就可以很好的减少代码的大小问题了。而且结构很清晰,你只需要引用你所需要的功能的css和js就可以了。
虽然我想成为一名网页设计师,但是不得不说以后在设计的时候,可以考虑与Zui里面的样式多结合,这样切图和需要一些js动态特效的时候,就会轻松很多。而且Zui的页面是可以兼容各个浏览器和不同屏幕的;这一点也是很有好的。
相关文章推荐
- 前端框架对页面的损害+如何判断一个dom是否存在某个属性
- 推荐一个优秀的前端框架——Bootstrap
- 结合nodejs,grunt,seajs及实际产品需要,设计一个简单的前端自动化构建框架
- HTML5前端UI框架 ZUI
- DHTMLX 前端框架 建立你的一个应用程序 教程(十)--保存表单中的数据
- 什么样的前端框架才是一个好框架
- 分享一个前端框架 builive
- DHTMLX 前端框架 建立你的一个应用程序 教程(十一)--添加/删除表格中的记录
- Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架
- 分享一个开源响应式前端框架-SkelJS
- DHTMLX 前端框架 建立你的一个应用程序教程(四)--添加一个工具条toolbar
- DHTMLX 前端框架 建立你的一个应用程序教程(三)--添加一个菜单
- 如何搭建一个可以链式调用,批量操作的前端框架
- DHTMLX 前端框架 建立你的一个应用程序 教程(八)-- 添加表单Form
- 一个非常优秀的前端框架--BootStrap
- 一个非常优秀的前端框架--BootStrap
- DHTMLX 前端框架 建立你的一个应用程序 教程(六)-- 表格加载数据
- 另外一个前端html5 web app 框架
- JS 前端框架7 一个简单的require功能
- 【MSH】一个轻量级但很实用的WCF模块服务框架+WCF模块服务托管程序MSH[开篇]