盘点：2015最流行前端框架TOP20

2015年已经过去了，作为一个亲历前端开发多年的开发者，目睹和见证了前端开发从最初的Javascript 语言类库到HTML5标准定稿后带来的Web Components 跨终端组件的快速发展。

　　随着Web 越来越规范和标准的统一，Web组件化技术不断革新以及移动端开发不断升华的今天，我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点，希望这些与时俱进，具有行业代表性的项目能够越来越好，帮助到更多的前端开发者们。

　　此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。(榜单中大部分为组件式框架，react、Angular等基础框架不在此篇讨论)

　　1、 名称：Bootstrap

　　

 

　　类别/语言：HTML、CSS、JavaScript

　　创建者：Twitter

　　人气：在Github上有91007 stars

　　描述：主流框架中毋庸置疑的老大，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。

　　核心概念/原则: RWD 和移动优先制。

　　浏览器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js forIE8)

　　响应式: Yes

　　模块化: Yes

　　2、名称：html5-boilerplate

　　类别/语言：HTML、CSS、JavaScript

　　创建者：Paul Irish

　　人气：在Github上有32,349stars

　　描述：HTML5 Boilerplate 帮你构建快速, 健壮, 并且适应力强的web app或网站。

　　核心概念/原则：响应式

　　浏览器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera

　　预处理器：None

　　响应式：Yes

　　模块化：Yes

　　3、名称：Meteor

　　类别/语言：HTML、CSS、JavaScript

　　创建者：immir

　　人气：在Github上有31,092 stars

　　描述：Meteor是新一代的开发即时web应用的开源框架，它能帮助你在最少的时间内完成开发。

　　核心概念/原则：响应式

　　预处理器: Less

　　响应式: Yes

　　模块化: Yes

　　4、名称：Semantic UI

　　类别/语言：HTML、CSS、JavaScript

　　创建者: Jack Lukic

　　人气: 在Github上有22,325 stars

　　描述: “基于自然语言有效原则的UI组件框架”

　　核心概念/原则: 语义，标签的矛盾性、响应式

　　浏览器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only),Android 4, Blackberry 10。

　　预处理器: Less

　　响应式: Yes

　　模块化: Yes

　　5、名称：Foundation

　　类别/语言：HTML、CSS、JavaScript

　　创建者: ZURB

　　人气: 在Github上有22,206+ stars

　　描述: “世界上最优秀的响应式前端框架”

　　核心概念/原则: RWD 、手机优先、语义的

　　浏览器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+

　　预处理器: Sass

　　响应式: Yes

　　模块化: Yes

　　6、名称：Materialize

　　

 

　　类别/语言：CSS

　　创建者：Google

　　人气：在Github上有15,288stars

　　描述：Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。

　　核心概念/原则：响应式

　　预处理器：Sass

　　响应式：Yes

　　模块化：Yes

　　浏览器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+

　　7、名称：Pure

　　类别/语言：CSS

　　创建者: Yahoo

　　人气: 在Github上有13,161 stars

　　描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”

　　核心概念/原则:SMACSS,极简的.

　　浏览器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

　　预处理器: None

　　响应式: Yes

　　模块化: Yes

　　8、名称：Vue

　　类别/语言：CSS、JavaScript

　　创建者：尤雨溪

　　人气：在Github上有12,214stars

　　描述：Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

　　核心概念/原则：响应式

　　浏览器支持：Firefox, Chrome, Safari, IE9+，Android4.2+，iOS 7+

　　预处理器：None

　　响应式：Yes

　　模块化：Yes

　　9、名称：Skeleton

　　类别/语言：CSS、JavaScript

　　创建者：Dave Gamache

　　人气：在Github上有10,622stars

　　描述：Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

　　核心概念/原则：响应式

　　浏览器支持：Firefox, Chrome, Safari, IE10+,Opera

　　预处理器：None

　　响应式：Yes

　　模块化：Yes

　　10.名称： Amaze UI

　　

 

　　类别/语言：HTML、CSS、JavaScript

　　创建者：云适配

　　最后更新时间：2015年12月

　　人气：在Github上有6425 stars

　　描述：Amaze UI是国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中，Amaze UI Touch可以帮助开发者通过丰富的组件，快速构建出与原生APP相媲美的专属移动端的HTML5应用。

　　核心概念/原则：组件化、移动优先、轻量级、高性能。

　　浏览器支持： Firefox, Chrome, Safari, IE8+

　　响应式: Yes

　　模块化: Yes