五大前端框架
一、Bootstrap
该框架来自Twitter，基于HTML、CSS、JavaScript的；
特点：简洁灵活，Web开发更加快捷。
Bootstrap优点：移动设备优先、浏览器支持、容易上手、响应式设计、为开发人员创建接口提供了一个简洁统一的解决方案、包含了功能强大的内置组件，易于定制、提供了基于 Web 的定制以及开源等
框架包含贯穿整个库的移动设备优先的样式；
所有主流的浏览器都支持该框架：IE、火狐、Chrome等；
Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
包的内容：
基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。
组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
JavaScript插件：Bootstrap 包含了十几个自定义的 jQuery 插件。
定制：可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到自己的版本
二、Angular
-
一个JavaScript框架。它可通过 <script> 标签添加到HTML页面。
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> -
通过 指令扩展了 HTML，且通过表达式绑定数据到 HTML。
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。（指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。）
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。（指令把输入域的值绑定到应用程序变量 name。）
ng-bind 指令把应用程序数据绑定到 HTML 视图。（指令把应用程序变量 name 绑定到某个段落的 innerHTML。）
-
关于AngularJS的一些优点：
AngularJS 把应用程序数据绑定到 HTML 元素。
AngularJS 可以克隆和重复 HTML 元素。
AngularJS 可以隐藏和显示 HTML 元素。
AngularJS 可以在 HTML 元素"背后"添加代码。
AngularJS 支持输入验证。
三、Vue
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
特点：易用、灵活、性能
目录结构：
四、React
React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI
React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站
React 拥有较高的性能，代码逻辑非常简单
特点：声明式设计、高效、灵活、JSX、组件、单向响应的数据流
五、Layui
Layui是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛低，简易使用
特点：体积轻盈，组件丰盈，适合界面的快速开发
元素：布局（栅格、后台布局）、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等
模块：layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等
运用框架能够快速的制作网页，可以进行复用，有效缩短网页制作时间，更加便捷完成各自的系统；拥有维护性，能随时进行方便维护。
