web前端主流框架有Bootstrap、layui、Element-Ul、Mint UI、AngularJS、React、vue.js。现在的前端不再像以前那样写页面、调整样式那么简单了。 现在前端越来越复杂，知识点越来越丰富。做WEB前端，需要知道前端是什么，需要学习那些知识；前端至少要了解三部分：HTML、CSS、JavaScript(简称JS)，那么首先要弄清楚这三个概念：

　　HTML负责结构，网页要表达的内容用html写；

　　CSS负责样式，网页的美丑由它控制；

　　JS负责交互，用户与网页的交互由它控制。

　　自从 Web 前端发展以来，无数的库和框架得到了发展；提到库，第一个想到的是jquery吗？刚接触库的时候也是从jQuery开始的；什么是有用的库框架。

　　1.Bootstrap

　　Bootstrap让你的页面更加简洁、直观、强大，移动设备优先的前端开发框架，让网页开发更快更简单。它还提供了更优雅的 HTML 和 CSS 规范，由动态 CSS 语言 Less 编写 它拥有丰富的网格布局系统和丰富的可重用组件，以及对十几个JavaScript、jQuery插件和组件定制的强大支持。

　　2.layui

　　layui是一个著名的网络炸弹层组件，它是一个由自己的模块规范编写的前端UI框架。遵循原生 HTML/CSS/JS 的编写和组织。门槛极低，开箱即用。layui的第一个版本发布于2016年秋季，不同于那些基于MVVM底层的UI框架。 从核心代码到API，每一个细节都经过精心雕琢，非常适合接口的快速开发。

　　3.Element-Ul

　　Element-Ul是饿了么前端团队推出的基于Vue.js 2.0的桌面UI框架，手机端对应的框架是Mint UI。适用于Vue的UI框架；

　　4.Mint UI

　　Mint UI是饿了么前端团队推出的基于Vue.js的移动端组件库 Mint UI包含丰富的CSS和JS组件，可以满足日常移动开发的需求。通过它可以快速构建风格统一的页面，提高开发效率。

　　5.AngularJS

　　AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后来被谷歌收购。是一个优秀的前端JS框架，已经在谷歌的很多产品中使用。AngularJS有很多特性，其核心是MVW(Model-View-Whatever)、模块化、自动双向数据绑定、语义标签、依赖注入等等。

　　6.React

　　React 使创建用户界面变得非常容易。 为应用程序的每个状态设计简洁的视图，React 可以在数据更改时高效地更新呈现的界面。因为公司不满意市面上的JavaScript MVC框架，所以决定自己写一个搭建Instagram网站。做出来之后发现这套工具很好用，2013年5月开源了。

　　7.vue.js

　　近年来最流行的前端框架是 Vue.js，是一个用于构建数据驱动的 Web 界面的渐进式框架。Vue.js 的目标是使用尽可能简单的 API 启用响应式数据绑定和组合视图组件。很多用过vue的程序员都这样评价，“vue.js结合了angular.js和react.js的优点，又改掉了它们的缺点。”获得如此高评价的Vue.js也是我们的骄傲开源世界的中国人，因为它的作者是中国人——尤玉玺。

　　以上就是几个常用的web前端主流框架，如果你对web前端感兴趣，想通过web前端工作。建议你可以直接参与千锋教育Web前端培训班。

上一篇

微信小程序的开发与前端有哪些区别

下一篇

有什么基础才能学Vue？