Web前端三大主流框架

IT行业近十年来发展迅猛，衍生出许多新的职业，如 UI设计师、开发工程师、软件测试工程师等，在众多新兴职业中， Web前端工程师就是其中之一。那什么是 Web前端的三大主流框架呢？

web前端三大主流框架有三个：React、Vue、Angular。下面看看这三大主流框架各有哪些特点以及优缺点。

一、React

1、特点

• 1. 声明式设计
• 2. 高效
• 3. 灵活

2、优点

• 1. 速度快
• 2. 跨浏览器兼容性
• 3. 模块化
• 4. 单向数据流
• 5. 同构与纯javascript
• 6. 兼容性好

3、缺点

React本身只是一个V而已，并不是一个完整的框架，所以如果是大型项目想要一套完整的框架的话，基本都需要加上ReactRouter和Flux才能写大型应用。

二、Vue

1、特性

• 1. 轻量级的框架
• 2. 双向数据绑定
• 3. 指令
• 4. 插件化

2、优点

• 1. 简单：官方文档很清晰，比Angular简单易学。
• 2. 快速：异步批处理方式更新DOM。
• 3. 组合：用解耦的、可复用的组件组合你的应用程序。
• 4. 紧凑：18kbmin+gzip，且无依赖。
• 5. 强大：表达式无需声明依赖的可推导属性(computedproperties)。
• 6. 对模块友好：不用强制你所有的代码都要遵循 Angular的各种规则，也可以通过 NPM、 Bower或者 Duo来安装，使用场景更加灵活。

3、缺点

• 1. 新生的：Vue.js是一个新的项目，没有angular那么成熟。
• 2. 影响度不是很大：有关于Vue.js多样性或者说丰富性少于其他一些有名的库。
• 3. 不支持IE8。

三、Angular

1、特性

• 1. 应用结构好
• 2. 双向数据绑定
• 3. 说明
• 4. HTML模板
• 5. 包埋、注射和测试。

2、优点

• 1. 模板功能强大丰富，自带了极其丰富的angular指令；
• 2. 具有较为完善的前端框架，包括服务、模板、数据双向绑定、模块化、路由、过滤器、依赖项注入等全部功能；
• 3. 自定义指令，自定义指令之后可以在项目中多次使用；
• 4. angular模块化在 Java (依赖注入)中的引入更为大胆，能够轻松地编写可复用的代码，对敏捷开发团队非常有帮助；
• 5. angularjs是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。

3、缺点

• 1. angular入门很容易但深入后概念很多,学习中较难理解。
• 2. 文档的例子非常少，官方文档基本上只写api，一个例子也没有。具体如何使用是google，或者直接询问misko、angular的作者。
• 3. 与IE6/7的兼容性不是特别好，但是可以用jQuery自己手写的代码解决。
• 4. 很少关于如何应用指令的最佳实践教程， angular实际上是非常灵活的，如果不看看一些作者的使用原则，就很容易写出四不像的代码，比如 js中的 jQuery或者 dom操作。