本篇文章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应用程序。
核心概念/基础:组件化、移动优先、轻量、高性能。
浏览器支持: 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