1、Bootstrap
Bootstrap是简洁、直观、强悍的前端开发框架，让web开发更迅速、简单，甚至连非前端工程师人员也能开发出优美的页面，让所有开发人员更加快捷、方便的开发web页面和移动端应用，同时也能开发响应式web页面，上手也非常快。
- 便利
由@mdo 和 @fat 在Twitter工作时创建，Bootstrap使用 LESS CSS 并用 Node 编译，托管在 GitHub 上，方便大家使用这一框架构建更好的web应用。
- 任何人都可以使用
Bootstrap不光为了看起来好看，而且在现代的桌面浏览器上有极佳的表现(包括IE7！)。在平板电脑和智能手机上面还有 响应式CSS 可以使用。
- 丰富的特色
12列的响应式栅格结构、丰富的组件、JavaScript插件、排版、表单控件，还有 基于web的定制工具。
2、React
react是Facebook 开发的框架，用于构建页面、javascript库。主要功能是对DOM操作，声明式设计，更快的开发出web应用系统。
特点：
- 声明式设计：React采用声明范式，可以轻松描述应用。
- 高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
- 灵活：React可以与已知的库或框架很好地配合。
3、Angular
Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等 人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。
优点
- 模板功能强大丰富
- 比较完善的前端MVC框架
- 引入了Java的一些概念
Angular与React对比
- 速度差不多
- FLUX架构
- 服务器端渲染
4、vue
Vue是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
优点
- 简洁
- 轻量
- 快速
- 数据驱动
- 模块友好
- 组件化Vue
Vue的两大核心
Vue的数据驱动：数据改变驱动了视图的自动更新，传统的做法你得手动改变DOM来改变视图，vuejs只需要改变数据，就会自动改变视图。
视图组件化：可以把整一个网页的拆分成一个个区块，每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。
5、Amaze UI
Amaze UI是轻量级的前端应用框架，比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。
优点
- 以移动优先为理念，移动跨屏适配较好
- 文档说明较好，集成控件比较丰富，大大提高开发效率
- 国内首个开源跨屏前端架构，更好的实现中文排版效果
6、作者心得
在了解了几个前端架构后，对网页开发产生了进一步的憧憬，原本的我以为，开发网页的过程，是全过程脑补画面和代码的长征旅途，现在看来，其实未然，有这么多架构的出现，能够进一步减轻代码工作量和提高开发效率。Bootstrap看似是比较容易上手，并且比较简洁的一个架构，感觉比较适合我这样的新手，Angular和react提供了丰富的功能设置，技术含量较大，以后慢慢再接触适应吧，vue的话，使用简单，比较灵活，适合有想法的人。Amaze UI是中国的，支持一下吧！希望以后与这些前端架构接触后能熟练地使用它们。
