正文

前端框架十大排名（前端框架排行榜）

发布时间：2023-05-23 04:04:53 稿源：创意岭阅读： 716

大家好！今天让创意岭的小编来大家介绍下关于前端框架十大排名的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com，如需咨询相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、前端框架哪个好
2、2015年有哪些比较优秀的前端框架
3、Web前端的主流框架有哪些
4、前端常用的框架有哪些？

前端框架十大排名（前端框架排行榜）

一、前端框架哪个好

现在流行的Web前端框架有哪些？

React：它最大优势在于它们相对简单和专注。做一件事情并把它做好是非常困难的，但这个库很有效地完成了它的目标。虽然对于某些状态容器方法可能是外部的，但大多数开发人员还是可以轻松掌握概念，并了解单向数据体系结构的好处，简化大量的用户界面应用程序

Angular：对于用户来说它有一套用于构建用户界面的丰富组件，这也是本系列中少有的几个框架能够做到这点。

Vue：渐进式构建能力是vue.js最大的优势，vue有一个简洁而且合理的架构，使得它易于理解和构建。

vue有一个强大的充满激情人群的社区，这为vue.js增加了巨大的价值，使得为一个空白项目创建一个综合的解决方案变得十分容易。

二、2015年有哪些比较优秀的前端框架

作者：匿名用户

链接：http://www.zhihu.com/question/39377015/answer/81017680

来源：知乎

著作权归作者所有，转载请联系作者获得授权。

此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。

1、名称：Bootstrap

类别/语言：HTML、CSS、JavaScript

创建者： Twitter

人气：在Github上有91007 stars

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

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

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

响应式: Yes

模块化: Yes

官网地址：Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Github地址：twbs/bootstrap · GitHub

2、名称：html5-boilerplate

类别/语言：HTML、CSS、JavaScript

创建者：Paul Irish

人气：在Github上有32,349 stars

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

核心概念/原则：响应式

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

预处理器：None

响应式：Yes

模块化：Yes

官网地址：HTML5 Boilerplate: T

Github地址：h5bp/html5-boilerplate · GitHub

3、名称：Meteor

类别/语言：HTML、CSS、JavaScript

创建者：immir

人气：在Github上有31,092 stars

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

核心概念/原则：响应式

预处理器: Less

响应式: Yes

模块化: Yes

官网地址：Meteor

Github地址：meteor/meteor · GitHub

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

官网地址：Semantic UI

Github地址：Semantic-Org/Semantic-UI · GitHub

5、名称：Foundation

类别/语言：HTML、CSS、JavaScript

创建者: ZURB

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

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

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

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

预处理器: Sass

响应式: Yes

模块化: Yes

官网地址：Foundation | The most advanced responsive front-end framework in the world.

Github地址：zurb/foundation-sites · GitHub

6、名称：Materialize

类别/语言：CSS

创建者：Google

人气：在Github上有15,288stars

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

核心概念/原则：响应式

预处理器：Sass

响应式：Yes

模块化：Yes

官网地址：Documentation

Github地址：Dogfalo/materialize · GitHub

浏览器支持：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

官网地址：http://purecss.io/

Github地址：yahoo/pure · GitHub

8、名称：Vue

类别/语言：CSS、JavaScript

创建者：尤雨溪

人气：在Github上有12,214 stars

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

核心概念/原则：响应式

浏览器支持：Firefox, Chrome, Safari, IE9+，Android 4.2+，iOS 7+

预处理器：None

响应式：Yes

模块化：Yes

官网地址：vue.js

Github地址：vuejs/vue · GitHub

9、名称：Skeleton

类别/语言：CSS、JavaScript

创建者：Dave Gamache

人气：在Github上有10,622stars

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

核心概念/原则：响应式

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

预处理器：None

响应式：Yes

模块化：Yes

官网地址：Skeleton: Responsive CSS Boilerplate

Github地址：dhg/Skeleton · GitHub

10.名称： Amaze UI

类别/语言：HTML、CSS、JavaScript

创建者：云适配

最后更新时间：2015年12月

人气：在Github上有6425 stars

描述：国内首个开源HTML5跨屏前端框架，中文排版支持更优、本土化组件丰富。

并在2015年11月推出基于 React.js 的专属移动端 Web 组件库Amaze UI touch。

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

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

响应式: Yes

模块化: Yes

官网地址：Amaze UI | 中国首个开源 HTML5 跨屏前端框架

Github地址：amazeui/amazeui · GitHub

11、名称：UIkit

类别/语言：HTML、CSS、JavaScript

创建者: YOOtheme

人气: 在Github上有6,050+ stars

描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”

核心概念/原则:RWD, 手机优先.

预处理器: Less, Sass

响应式: Yes

模块化: Yes

官网地址：UIkit

Github地址：uikit/uikit · GitHub

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

12、名称：Yui

类别/语言：CSS、JavaScript

创建者：Yahoo

人气：在Github上有3,200+ stars

描述：Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证

核心概念/原则：响应式

预处理器: None

响应式：Yes

模块化：Yes

官网地址：http://yuilibrary.com/

Github地址：yui/yui3 · GitHub

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

13.名称：kissy

类别/语言： JavaScript

创建者：淘宝前端

最后更新时间：2015年7月

人气：在Github上有2035 stars

描述：KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

框架大小: 37 KB

核心概念/原则: 模块化，跨终端，高扩展性

模块化: Yes

官网地址：KISSY - A Powerful JavaScript Framework

Github地址：kissyteam/kissy · GitHub

14.名称：MUI

类别/语言： HTML、CSS、JavaScript

创建者：Dclould

最后更新时间：2016年1月

人气：在Github上有2012 stars

描述：MUI-最接近原生App体验的前端框架框架。

核心概念/原则: 多端发布、高性能

响应式: NO

模块化: Yes

官网地址：MUI-最接近原生APP体验的高性能前端框架

Github地址：dcloudio/mui · GitHub

15.名称：Arale

类别/语言： JavaScript

创建者：支付宝前端

最后更新时间：2015年7月

人气：在Github上有1252 stars

描述：Arale 是一个开放、简单、易用的前端基础类库。

框架大小:未知

核心概念/原则: 开放、简单、易用

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

响应式: Yes

模块化: Yes

官网地址：Arale - 随心构建互联网应用

Github地址：aralejs/aralejs.org · GitHub

16.名称：JX

类别/语言：Javascript

创建者：腾讯前端

最后更新时间：2015年12月

人气：在Github上有952 stars

描述：JX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。

框架大小: 未知

核心概念/原则: 保持最优执行效率

浏览器支持：兼容主流浏览器

模块化: Yes

官网地址：JX - 腾讯 Web 前端开发框架

Github地址：AlloyTeam/JX · GitHub

17.名称：GMU

类别/语言：HTML、CSS、JavaScript

创建者：百度前端

最后更新时间：2015年12月

人气：在Github上有940stars

描述：GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。

核心概念/原则: 简单易用、轻量级

模块化: Yes

官网地址：http://gmu.baidu.com/

Github地址：fex-team/GMU · GitHub

18.名称：ZUI

类别/语言： HTML、CSS、JavaScript

创建者：蝉道

最后更新时间：2015年7月

人气：在Github上有616 stars

描述：开源HTML5前端框架

核心概念/原则:简单易用、轻量级、易于定制

浏览器支持：未知

官网地址：ZUI - 开源HTML5跨屏框架

Github地址：easysoft/zui · GitHub

19.名称：Clouda Touch.js

类别/语言：JavaScript

创建者：百度云

人气：在Github上有387 stars

描述：Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

核心概念/原则: 无入侵设计、媲美原生的交互、极简的API

模块化: Yes

官网地址：Touch.js

Github地址：Clouda-team/touch.code.baidu.com · GitHub

20.名称：Arkui

类别/语言：HTML、CSS、JavaScript

创建者：豆瓣

人气：在Github上有129 stars

模块化: Yes

官网地址：arkui

Github地址：mockee/arkui · GitHub

三、Web前端的主流框架有哪些

今天小编要跟大家分享的文章是关于Web前端的主流框架有哪些?近几年以来、IT行业发展火热、衍生了很多新职业、Web前端工程师也是其中之一。那么你知道Web前端的三大主流框架是什么呢?下面来和小编一起看一看吧！

一、Web前端三大主流框架是什么

(一)React：

1.声明式设计：React采用声明范式，可以轻松描述应用。

2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。

3.灵活：React可以与已知的库或框架很好地配合。

优点：

1.速度快：在UI渲染过程中，React通过在虚拟DOM中的微操作来实现对实际DOM的局部更新。

2.跨浏览器兼容：虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。

3.模块化：为你程序编写独立的模块化UI组件，这样当某个或某些组件出现问题是，可以方便地进行隔离。

4.单向数据流：Flux是一个用于在JavaScript应用中创建单向数据层的架构5.同构、纯粹的javascript：因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行，预渲染你的应用有助于搜索引擎优化。6.兼容性好：比如使用RequireJS来加载和打包，而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。缺点：React本身只是一个V而已，并不是一个完整的框架，所以如果是大型项目想要一套完整的框架的话，基本都需要加上ReactRouter和Flux才能写大型应用。

(二)Vue：

Vue是尤雨溪编写的一个构建数据驱动的Web界面的库，准确来说不是一个框架，它聚焦在V(view)视图层。

它有以下的特性：

1.轻量级的框架

2.双向数据绑定

3.指令

4.插件化

优点：

1.简单：官方文档很清晰，比Angular简单易学。

2.快速：异步批处理方式更新DOM。

3.组合：用解耦的、可复用的组件组合你的应用程序。

4.紧凑：~18kbmin+gzip，且无依赖。

5.强大：表达式无需声明依赖的可推导属性(computedproperties)。

6.对模块友好：可以通过NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的各种规定，使用场景更加灵活。

缺点：

1.新生儿：Vue.js是一个新的项目，没有angular那么成熟。

2.影响度不是很大：google了一下，有关于Vue.js多样性或者说丰富性少于其他一些有名的库。

3.不支持IE8。

(三)Angular：

Angular是一款优秀的前端JS框架，已经被用于Google的多款产品当中。

它有以下的特性：

1.良好的应用程序结构

2.双向数据绑定

3.指令

4.HTML模板

5.可嵌入、注入和测试

优点：

1.模板功能强大丰富，自带了极其丰富的angular指令。2.是一个比较完善的前端框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能;3.自定义指令，自定义指令后可以在项目中多次使用。4.ng模块化比较大胆的引入了Java的一些东西(依赖注入)，能够很容易的写出可复用的代码，对于敏捷开发的团队来说非常有帮助。5.angularjs是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。

缺点：

1.angular入门很容易但深入后概念很多,学习中较难理解。2.文档例子非常少,官方的文档基本只写了api,一个例子都没有,很多时候具体怎么用都是google来的,或直接问misko,angular的作者。3.对IE6/7兼容不算特别好,就是可以用jQuery自己手写代码解决一些。4.指令的应用的最佳实践教程少,angular其实很灵活,如果不看一些作者的使用原则,很容易写出四不像的代码,例如js中还是像jQuery的思想有很多dom操作。5.DI依赖注入如果代码压缩需要显示声明。

二、Web前端前景与就业形势

学习Web前端的就业面很广，选择的岗位有：前端开发工程师、资深前端开发工程师、网站重构工程师、前端架构师等等。虽然近两年大数据、人工智能等很火，但Web前端开发依然是十分热门的，特别是随着谷歌、YouTube、FireFox等大型企业纷纷将视线转向HTML5，前端开发已经进入HTML5时代，所以，Web前端在今后十年仍有很大的发展空间。据统计，我国HTML5前端工程师人员的缺口将达到10多万，因此，Web前端工程师是一个非常有“钱”途的职业，并且薪酬会根据技能的深入而有不同程度的增长，其中北京、上海、广州、深圳等地前端工程师的薪资待遇更是一路飙升。

以上就是小编今天为大家分享的关于Web前端的主流框架有哪些的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web前端培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师。

来源：#/news/20190318/15014378463.shtml

四、前端常用的框架有哪些？

给大家介绍几个在Web前端界比较优秀的前端框架。

1、Bootstrap

Twitter出品的Bootstrap在业界是非常受欢迎的，以致于有很多前端框架都在其基础上开发，如我们熟悉的WeX5就是在Bootstrap源码基础上优化而来的。我相信大多数接触过前端开发的同学多少都了解过这个优秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的，它简洁灵活，可以使得Web开发更加敏捷。

它提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。

2、Foundation框架

Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思，它尝试处理你项目中的一切所需。Foundation有基础、地基及支柱的意思，给你项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是，即使你使用预定义的UI元素，也不应该与大家的网站长得太像。

而Bootstrap则致力于提供所有定义好的元素，这样使得看起来许多网站都差不多。Foundation默认不带图标集，它推荐使用开源字体图标。与Bootstrap一样，Foundation使用网格流式布局将网页划分为12列，针对不同的设备显示不同的列数，实现响应式布局。但Foundation不支持旧版本浏览器。其他特性如有兴趣可进一步了解。

3、Curl

Curl 是一个命令行工具，用于通过 HTTP(s)、FTP 和数十种其它协议进行请求。使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。

在 Web 开发中，Curl 经常和 RESTful API 一起使用，用于测试连接。

# Fetch the headers of a URL.curl -I http://google.comHTTP/1.1 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: http://www.google.com/?gfe_rd=cr&ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl http://numbersapi.com/random/trivia29 is the number of days it takes Saturn to orbit the Sun.

Curl 命令可能比上述代码更复杂。有许多选项用于控制 headers、Cookie、身份验证等。了解更多，请阅读Everything curl。

4、Tree

Tree 是一个小型的命令行实用程序，它将目录中的文件以可视化的方式进行显示。它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。这样就能快速的浏览并查找需要的文件。

tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ └── glyphicons-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js

还可以使用简单的 regEx 模式来过滤结果：

tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js

5、Tmux

根据维基的解释，Tmux 是一个终端复用器。通俗的说，它是一个能将多个终端连接到单个终端会话的工具。

Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。在远程服务器上工作时，Tmux 特别有用，因为它允许用户创建新的选项卡，而无需再次登录。

6、du

du命令用于生成关于文件和目录的空间使用情况的报告。du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。

du 的常见用例是：当某个驱动器的空间不足，用户不清楚每个存储器的大小。使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。

7、AUI

AUI是最近流行起来的，作者声称是专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题，是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循Google Material设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。AUI是使用MIT License授权，你可以复制、出售。目前最新版本2.0。

8、Amaze UI

这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，妹子UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。

9、Frozen UI

Frozen UI是一款开源，简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然，根据网友反映，也存在大大小小的bug。不过总体来说，还是值得一用的。奇怪的是，Github上显示的最后更新时间是一年前，难道已经没人维护了吗？

# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

还有一个相似的命令 df（Disk Free），使用df会返回有关可用磁盘空间的各种信息。

以上介绍了现在热门的几个Web前端框架，以及它们的主要功能，希望对大家学习Web前端有所帮助。

以上就是关于前端框架十大排名相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。