本篇文章5052字,读完约13分钟

年过去了,作为前端开发多年的开发者,我们目睹并目睹了前端开发在最初的javascript语言类库到html5标准稿之后带来的web组件的高速发展。

随着web规范和标准的统一,在web组件化技术改革、移动开发升华的今天,我认为有必要盘点过去一年来帮助我和朋友们的优秀开源前端框架。 希望它们能与时俱进,领域代表性项目更好,对越来越多的前端开发者们有所帮助。

这个排行榜是根据github上的star数进行排名的依据,因为一个人的体力有限,如果收集有遗漏的话,欢迎补充。 (排行榜大部分是基于组件的框架,react、angular等基础框架在这里不讨论)。

1、名称: bootstrap

类别/语言: html、css、javascript

作者:推特

人气: github上有91007 stars

说明: bootstrap是主流框架中毋庸置疑的老大,基于html、css、javascript,简单灵活,web开发更快。

核心概念/大体: rwd和移动优先制。

浏览器支持: firefox、chrome、safari、I E8 + (需要Respond.JSF Orie8)

响应表达式:是

模块化:是

官方网站地址: getbootstrap/

github地址: github/twbs/bootstrap

2、名称: html5-boilerplate

类别/语言: html、css、javascript

作者: paul irish

人气:在github上为32,349 stars

说明: html5 boilerplate有助于构建快速、强健、适应能力强的web应用程序或网站。

核心概念/大体:响应式

浏览器支持:福克斯、铬、安全、ie8+、边缘、欧培拉

解决方案:无

响应表达式:是

模块化:是

官方网站地址: html5boilerplate/

github地址: github/h5bp/html5-布尔型板

3、名称:元

类别/语言: html、css、javascript

作者: immir

人气:在github上为31,092 stars

说明: meteor是开发下一代即时web应用程序的开源框架,有助于在最短的时间内完成开发。

核心概念/大体:响应式

解决方案: less

响应表达式:是

模块化:是

官方网站地址: meteor

github地址: github/meteor/meteor/

4、名称: semantic ui

类别/语言: html、css、javascript

作者:杰克Lukic

人气:在github上为22,325 stars

说明:“基于自然语言的比较有效的基本ui组件框架”

核心概念/大体:含义、标签的矛盾性、响应式

浏览器支持: firefox、chrome、safari、ie10 + (仅支持带浏览器的ie9 )、安卓4、黑莓10。

解决方案: less

响应表达式:是

模块化:是

官方网站地址: semantic-ui/

github地址: github/semantic-org/semantic-ui

5、名称:基金

类别/语言: html、css、javascript

作者: zurb

人气:在github上为22,206 + stars

说明:“世界上最好的响应式前端框架”

核心概念/大体: rwd、手机优先、意义的

浏览器支持: chrome、firefox、safari、ie9+; ios、安卓、windows手机7 +

解决方案: sass

响应表达式:是

模块化:是

官方网站地址: foundation.zurb/

github地址: github/zurb /基金位置

6、名称: materialize

类别/语言: css

作者:谷歌

人气:在github上为15,288 stars

说明: materialize是一种基于材料设计的现代化响应式前端框架。 他们做了最繁重的工作,给你提供了默认格式,组合了你的定制组件。 它还改进了动画和过渡,为开发人员提供了流畅的体验。

核心概念/大体:响应式

解决方案: sass

响应表达式:是

模块化:是

官方网站地址: materializecss

github地址: github谷歌故障/材质化

浏览器支持: chrome 35+、firefox 31+、safari 7+、ie 10+

7、名称:纯

类别/语言: css

作者:雅虎

人气:在github上为13,161 stars

说明:“可以在各个web项目中使用的一组小的响应型css模块”

核心概念/大体: smacss,极其简单

浏览器支持:最新版本的firefox、chrome和safari; ie7+; ios 6.x、7.x; 安卓4.x

解决方案:无

响应表达式:是

模块化:是

官方网站地址: purecss.io/

github地址: github雅虎/纯

8、名称: vue

类别/语言: css、javascript

创建者:尤雨溪

人气:在github上为12,214星

说明: vue.js是用于构建交互式web界面的库。 提供mvm数据绑定和具有简单灵活的api的可组合组件系统。

核心概念/大体:响应式

浏览器支持: firefox、chrome、safari、ie9+、安卓4.2 +、ios 7+

解决方案:无

响应表达式:是

模块化:是

官方网站地址: vuejs/

github地址: github/vuejs/vue

9、名称: skeleton

类别/语言: css、javascript

作者: dave gamache

人气:在github上为10,622 stars

说明: skeleton是一个小型的js文件和css文件的集合,用于快速开发适合于包括手机在内的各种屏幕设备的美丽网站。 skeleton是基于960网格开发的。 是一个ui框架。

核心概念/大体:响应式

浏览器支持: firefox、chrome、safari、ie10+、opera

解决方案:无

响应表达式:是

模块化:是

官方网站地址: getskeleton

github地址: github/dhg/skeleton

10 .名称: amaze ui

类别/语言: html、css、javascript

作者:云适配

上次更新日期:年12月

人气:在github上为6425 stars

说明: amaze ui是国内首款开源html5跨屏幕前端框架产品系列,中文排版支持更好,本地化组件更丰富。 该产品系列包括专用于移动端的html5混合应用程序开发框架amaze ui touch,以及用跨屏幕html5页开发的amaze ui web。 其中,amaze ui touch帮助开发人员使用丰富的组件,快速构建与本机app相差无几的专用移动端html5应用程序。

“前端开发大盘点:2015最流行前端框架TOP20”

核心概念/基础:组件化、移动优先、轻量、高性能。

浏览器支持: firefox、chrome、safari、ie8+

响应表达式:是

模块化:是

官方网站地址: amazeui/

github地址: github/amazeui/amazeui

11、名字: uikit

类别/语言: html、css、javascript

作者: yootheme

人气:在github上为6,6,050 + stars

说明:“用于快速开发和强大的web界面的轻量级模块化前端框架”

核心概念/大体: rwd,手机优先。

解决方案: less、sass

响应表达式:是

模块化:是

官方网站地址: getuikit/

github地址: github/uikit/uikit

浏览器支持: chrome、firefox、safari、ie9+

12、名字: yui

类别/语言: css、javascript

作者:雅虎

人气:在github上为3、3、3,200+stars

说明:雅虎! ui库( yui )是一个开源的javascript函数库,使用ajax、dhtml、dom等代码技术构建交互式网页。 还包括多个css资源。 采用许可证作为bsd许可证

核心概念/大体:响应式

解决方案:无

响应表达式:是

模块化:是

官方网站地址: yui库/

github地址: github/yui/yui3

浏览器支持: firefox、chrome、safari、ie10+、opera

13 .名称: kissy

类别/语言: javascript

作者:淘宝前端

上次更新日期:年7月

人气: github上有2035 stars

说明: kissy采用了终端间、模块化、高性能、简单的javascript框架。

核心概念/基础:模块化、端到端、高可扩展性

模块化:是

官方网站地址: docs.kissyui/

github地址: github/kissyteam/kissy/

14 .名称: mui

类别/语言: html、css、javascript

作者: dclould

上次更新日期:年1月

人气: github上有stars

说明:最接近mui-本机app体验的前端框架。

核心概念/基本:多版本、高性能

响应式:否

模块化:是

官方网站地址: dev.d云/ mui /

github地址: github/dcloudio/mui

15 .名称: arale

类别/语言: javascript

作者:支付宝的前端

上次更新日期:年7月

人气:在github上为1252 stars

说明: arale是一个开放、简单、易于使用的前端基础类库。

框架大小:未知

核心概念/基础:开放、简单、易用

浏览器支持: firefox、chrome、safari、ie6+

响应表达式:是

模块化:是

官方网站地址: aralejs/

github地址: github/aralejs/aralejs/

16 .名称: jx

类别/语言: javascript

作者:腾讯前端

上次更新日期:年12月

人气: github上有952stars

说明: jx是一个模块化的非侵入式web前端框架,特别适用于大型工业web app的构建和组织。

核心概念/基本:维持最佳执行效率

浏览器支持:与主要浏览器的兼容性

模块化:是

官方网站地址: alloyteam.github.io/jx/

github地址: github/alloyteam/jx

17 .名称: gmu

类别/语言: html、css、javascript

作者:百度前端

上次更新日期:年12月

人气: github上有940stars

说明: gmu是基于zepto的移动用户界面组件库,提供webapp、pad端的易于使用的用户界面组件。

核心概念/基本:使用方便、重量轻

模块化:是

官方网站地址: gmu.baidu/

github地址: github福克斯- Team/GMU

18 .名称: zui

类别/语言: html、css、javascript

作者:蝉道

上次更新日期:年7月

人气:在github上为616 stars

说明:开源html5前端框架

核心概念/基础:易用、轻便、易于定制

浏览器支持:未知

官方网站地址: zui.sexy/

github地址: github/easysoft/zui

19 .名称:云塔图科. JS

类别/语言: javascript

作者:百度云

人气: github有387 stars

说明: touch.js是移动设备上的手势识别和事件库,也是百度内部广泛采用的开发。

核心概念/基础:没有入侵设计,几乎没有本机交互,非常简单的api

模块化:是

官方网站地址: touch.code.baidu/

github地址: github/clouda-team/touch.code.Baidu

20 .名称: arkui

类别/语言: html、css、javascript

作者:豆瓣

人气:在github上为129星

模块化:是

官方网站地址: mockee/arkui/

github地址: github/mockee/arkui

来源:成都新闻网

标题:“前端开发大盘点:2015最流行前端框架TOP20”

地址:http://www.cdsdcc.com/cdkjsh/18034.html