h5前端流行的框架

很多时候别人问你,上手的框架有哪些,其实我们都是知道的,只是一时却也说不上哪些比较,这里想给大家介绍一下,我所遇到的,还算好用的框架,做个分享

1 Bootstrap

官网:http://getbootstrap.com/
Github:https://github.com/twbs/bootstrap/
作者:Mark Otto 和Jacob Thornton    Star:93,112

其实Bootstrap我是很少去用到,因为我做的项目移动端居多,这就先显得多余,但是讲真Bootstrap后端管理啥的真的不知道多么的爽,不解释,你们懂

2Amaze

官网:http://amazeui.org/
Github:https://github.com/amazeui/amazeui

Amaze是我的一个美女同学介绍,据说他们公司无论什么项目都是统一的,哈哈哈哈,文档相较其他有点难咬,但是优点在于加入很多符合中国市场特性的元素,框架对跨屏、适配都做了比较好的处理并且准备了一系列的常用网页组件,为减少搞兼容、适配各种,移动端的魅力还是大大的

3AUI

Github:https://github.com/liulangnan/aui
官网:http://www.auicss.com/
作者:流浪男    Star:92

解决了很多移动前端开发的普遍问题,是主要面向混合开发的 CSS 框架,里面的都是css3的一些高级用法,有时间可以好好研究看看,优点在于他是纯的css框架,对于性能和操作上来说,你要不是js小白,这应该是很好的选择

4Frozen UI

Github:https://github.com/frozenui/frozenui
官网:http://frozenui.github.io/
作者: QQVIP FD Team    Star:1,067

Frozen UI 配合一些如 APICloud 用来做混合 APP感觉就非常好,或者原生可以拿去嵌套在应用中做前端开发,这个框架对 android 2.3 +、ios 4.0 + 做了兼容,或者拿来做 Web App 也是极好的选择,包括他的动态库,不过相对他的ui就弱很多

5WeUI

Github:https://github.com/weui/weui
DEMO:http://weui.github.io/weui/
Star:7,129

话说想当初我的第一个项目就是用的他,不过这也局限了他只能在微信端,其他方面看文档就明白,

6SUI

Github:https://github.com/sdc-alibaba/sui
官网:http://sui.taobao.org/sui/docs/index.html
Star:120

SUI 是一套基于bootstrap开发的前端组件库,同时它也是一套设计规范。通过SUI,可以非常方便的设计和实现精美的页面

7Semantic UI

官网:http://www.semantic-ui.cn/
Github:https://github.com/semantic-org/semantic-ui/

用了以后感觉 UI 上跟 Bootstrap 没太多的区别,不过命名相差很大

8Foundation

官网:http://foundation.zurb.com/
Github:https://github.com/zurb/foundation-sites
Star:22,736

比较老,却是依然火的框架

9UiKit

官网:http://www.getuikit.com/
Github:https://github.com/uikit/uikit
作者:YOOtheme Star:6,372

UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者,那么这个框架应该比较适合深究),并且框架能够通过GUI编辑器和手动编辑,所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架

 10Pure

官网:http://purecss.io/
Github:https://github.com/yahoo/pure/
Star:13,592

纯css框架,小轻量,可以搭配其他框架使用

layui

http://www.layui.com/