SPA三大框架_spa框架

前端框架

Angular

简介

• AngularJS是一个开发动态Web应用的框架。它让你可以使用HTML作为模板语言并且可以通过扩展的HTML语法来使应用组件更加清晰和简洁。它的创新之处在于，通过数据绑定和依赖注入减少了大量代码，而这些都在浏览器端通过JavaScript实现，能够和任何服务器端技术完美结合。

• google推出

优点

• 业内第一个SPA框架
• 实现了前端的MVC解耦
• 双向绑定。model层的数据发生变化会直接影响view
• 模块化功能强大
• 自定义directive非常灵活
• 双向数据绑定
• 依赖注入

缺点

• 难学 难用
• 文档差 相关组件不多
• 不兼容IE6/7

适用范围

• 大型超大型web应用开发

React

简介

• 主要用于构建UI，react采用声明范式，可以轻松描述应用，实现了单向响应的数据流，从而减少了重复代码，通过对DOM的模拟，最大限度地减少与DOM的交互，可以与已知的库或框架很好地配合。

• facebook推出

优点

• 速度快、单向数据流、兼容性好
• 使用js一种语言就能写前端+后台
• reactnative可以直接运行在收集端，性能好，接近于原生app，并且可以热更新。
• 周边组件很多

缺点

• html代码写在js文件【多语言混合式编程】 难以理解、开发、调试
• 并不是一个完整的框架，需要加上ReactRouter和Flux才能完成

适用范围

• 个性化需求、中型应用

Vue

简介

• 一种MVVM（Model-View-ModelView）的SPA框架，Vue是相对比较轻量级的框架，是通过进行双向数据绑定来达到驱动页面的效果

• 尤雨溪（vue.js之父）

优点

• 简单好学 好用
• 功能齐全 angular和react具备的功能都具备（react native除外）
• 更轻量

缺点

• 不支持IE8

适用范围

• 小型应用

多维度比较三个框架的区别

---

结尾图片来源网络，如有侵权请联系作者

如有错误，欢迎大家指正讨论