前端框架的汇总

总以前端框架有不少不少，我我的以为可以真真实实地掌握两个就够了，没必要贪多；同时也要有方向的去选择框架。

本人很喜欢的一句话：在沙漠中，最可怕的，不是没有水，没有干粮，而是没有方向。

一、Bootstrap

官网地址：http://www.bootcss.com/

 

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

 

二、vue.js

官网地址：https://cn.vuejs.org/

 

近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是经过尽量简单的API实现响应的数据绑定和组合的视图组件。不少使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优势，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，由于它的做者是位中国人--尤雨溪

 

三、Layui

官网地址：https://www.layui.com/

 

layer是一款口碑极佳的web弹层组件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都通过精心雕琢，很是适合界面的快速开发。

 

四、ElementUI

官网地址：http://element-cn.eleme.io/#/zh-CN

 

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

 

五、Mint UI

官网地址：http://mint-ui.github.io/

 

Mint UI 是由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库，Mint UI 包含丰富的 CSS 和 JS 组件，可以知足平常的移动端开发须要。经过它，能够快速构建出风格统一的页面，提高开发效率。

 

六、angular

官网地址：http://www.angularjs.net.cn/

 

AngularJS诞生于2009年,由Misko Hevery 等人建立,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

 

七、React

官网地址：http://react-china.org/

 

React 能够很是轻松地建立用户交互界面。为你应用的每个状态设计简洁的视图,在数据改变时 React 也能够高效地更新渲染界面。React 起源于 Facebook 的内部项目，由于该公司对市场上全部 JavaScript MVC 框架，都不满意，就决定本身写一套，用来架设Instagram 的网站。作出来之后，发现这套东西很好用，就在2013年5月开源了。

 

八、Foundation

官网地址：https://foundation.zurb.com/

 

Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架，是一个易用、强大并且灵活的框架,用于构建基于任何设备上的 Web 应用。Foundation框架整体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是很是清楚的，Bootstrap有引导的意思，它尝试处理你项目中的一切所需。Foundation有基础、地基及支柱的意思，给你项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是，即便你使用预约义的UI元素，也不该该与你们的网站长得太像。