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

适用范围

  • 小型应用

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


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

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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值