前端三大主流框架的对比React、Vue、Angular

78 阅读 0 评论 52 点赞

我是靠谱客的博主独特缘分，最近开发中收集的这篇文章主要介绍前端三大主流框架的对比React、Vue、Angular，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

点击上方的终端研发部，右上角选择“设为星标”

每日早9点半，技术文章准时送上

公众号后台回复“学习”，获取作者独家秘制精品资料

640?wx_fmt=png

往期文章

初探：Java虚拟机那点破事

这回性能优化，从App的启动优化说起！

老板：请将你的代码进行Code Review！

一位Android大牛的BAT面试心得与经验总结

优雅的书写高逼格的代码，需要注意这几点！

Android 须知2019流行的框架库及开发语言

来源：https://www.cnblogs.com/dujunfeng/p/7979014.html

前言

每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。

一、Angular，它两个版本都是强主张的，如果你用它，必须接受以下东西：

必须使用它的模块机制
必须使用它的依赖注入
必须使用它的特殊形式定义组件（这一点每个视图框架都有，难以避免）

所以Angular是带有比较强的排它性的，如果你的应用不是从头开始，而是要不断考虑是否跟其他东西集成，这些主张会带来一些困扰。

二、React

它也有一定程度的主张，它的主张主要是函数式编程的理念，比如说，你需要知道什么是副作用，什么是纯函数，如何隔离副作用。它的侵入性看似没有Angular那么强，主要因为它是软性侵入。

你当然可以只用React的视图层，但几乎没有人这么用，为什么呢，因为你用了它，就会觉得其他东西都很别扭，于是你要引入Flux，Redux，Mobx之中的一个，于是你除了Redux，还要看saga，于是你要纠结业务开发过程中每个东西有没有副作用，纯不纯，甚至你连这个都可能不能忍：

const getData = () => {
// 如果不存在，就在缓存中创建一个并返回
// 如果存在，就从缓存中拿
}

因为你要纠结它有外部依赖，同样是不加参数调用，连续两次的结果是不一样的，于是不纯。

为什么我一直不认同在中后台项目中使用React，原因就在这里，我反对的是整个业务应用的函数式倾向，很多人都是看到有很多好用的React组件，就会倾向于把它引入，然后，你知道怎么把自己的业务映射到函数式的那套理念上吗？

函数式编程，无副作用，写出来的代码没有bug，这是真理没错，但是有两个问题需要考虑：

JS本身，有太多特性与纯函数式的主张不适配
业务系统里面的实体关系，如何组织业务逻辑，几十年来积累了无数的基于设计模式的场景经验，有太多的东西可以模仿，但是，没有人给你总结那么多如何把你的厚重业务映射到函数式理念的经验，这个地方很考验综合水平的，真的每个人都有能力去做这种映射吗？

函数式编程无bug的根本就在于要把业务逻辑完全都依照这套理念搞好，你看看自己公司做中后台的员工，他们熟悉的是什么？是基于传统OO设计模式的这套东西，他们以为拿着你们给的组件库就得到了一切，但是可能还要被灌输函数式编程的一整套东西，而且又没人告诉他们在业务场景下，如何规划业务模型、组织代码，还要求快速开发，怎么能快起来？

所以我真是心疼这些人，他们要的只是组件库，却不得不把业务逻辑的思考方式也作转换，这个事情没有一两年时间洗脑，根本洗不到能开发业务的程度。

没有好组件库的时候，大家痛点在视图层，有了基于React的组件化，把原先没那么痛的业务逻辑部分搞得也痛起来了，原先大家按照设计模式教的东西，照猫画虎还能继续开发了，学了一套新理念之后，都不知道怎么写代码了，怎么写都怀疑自己不对，可怕。

我宁可支持Angular也不支持React的原因也就在此，Angular至少在业务逻辑这块没有软主张，能够跟OO设计模式那套东西配合得很好。

框架是不能解决业务问题的，只能作为工具，放在合适的人手里，合适的场景下。

三、Vue

可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念，也可以函数式，都可以，它只是个轻量视图而已，只做了自己该做的事，没有做不该做的事，仅此而已。

个人建议

其实对于开发而言React、Angular和Vue都是很好的前端框架，三者在性能上都表现的不错（参考：benchmark）。我们都应该熟练掌握，React作为发布较早较稳定的JavaScript包库，其市场份额还是相当大的，是经过了市场检验的。Angular和Vue作为亲和HTML和CSS模版的框架，可以让开发者更容易学习。Vue更是兼备React和Angular的优点，解决了二者的一些缺点，这使得其具有更好的开发体验。所以个人觉得Vue较React和Angular略胜一筹。但这三个框架都由大的技术公司维护，所以并不能说那个框架就一定更优。

渐进式的含义，我的理解是：没有多做职责之外的事。

如何让你的bug无处可藏？

热修复的几种方案，你可知否？

昨天，我又“装”上了Windows 1.0

老板：请将你的代码进行Code Review！

为什么我把 Run 出来的 Apk 发给老板，却装不上！