江苏龙网

  1. 首页 > 资讯 > 科技 > >

Array|Vue、React 和 Angular：该选择哪个框架？

本文对三个最流行的 JavaScript 框架进行了全面的比较：Vue、React 和 Angular ， 如果你是正在开发或者目前正在考虑使用这些流行框架之一来启动项目的开发人员 ， 我们希望本文对你选择正确的解决方案能有所帮助 。
本文最初发表在 Medium 博客 ， 经原作者 inVerita 公司授权 ， InfoQ 中文站翻译并分享 。
近几年， 前端领域出现了两大玩家：Google 发布的 Angular、Facebook 开发的 JavaScript 库 React 。在 2018 年 ， 又有一个实力雄厚的玩家加入了这场竞争：Vue.js ， 它 很直白地表示出了自己 的豪心壮志——立志成为最受欢迎的 JavaScript 框架 。
在深入了解这些流行框架的总体比较之前 ， 让我们先看看它们的起源 。
Vue、React 和 Angular 简史
Angular
Google 的一名员工 Misko Hevery 当时正在做一个副业项目 ， 旨在简化构建 Web 应用程序的过程 。他在 2010 年将解决方案作为开源项目发布 ， 名为 AngularJS ， 并被一些 知名企业 积极使用 。
几年后 ， 由于 JavaScript 有了新的进展 ， 团队被迫将 AngularJS 基于 TypeScript 重写， 为了避免混淆 ， 新框架名称去掉了“JS” 。Angular 每年更新两次 ， 上一次更新是 2020 年 2 月 6 日发布的 Angular 9 。
React
在 JavaScript 框架中 ， React 一直处于领先地位 ， 它最初是 Facebook 为满足其产品需求而开发的 ， 并于 2013 年成功地向技术受众展示并开源 。React 的精髓源于 Jordan Walke 创建的早期原型——Fax.js ， 该原型于 2011 年首次部署在 Facebook 的新闻源中 。React 最新版本为 16.13.0 ， 于 2020 年 2 月 26 日发布 。
Vue.js
Google 前雇员 Evan You 在与 Angular 合作多年后 ， 决定 自己 创建一个轻量级框架 ， 其中将包含上述框架的最佳特性 。新框架 Vue.js 于 2014 年 2 月开源， 从那时起 ， Vue.js 就获得了极高的人气 。最新版本为 2.6 Macross， 于 2019 年 2 月 4 日发布 。
框架流行度
Angular 和 React 是一对由来已久的对手 。它们都是功能强大、最新、使用广泛的 JavaScript 框架 ， 并且都面临着一个重大的变化：它们之间的竞争变成了 一场 流行度的较量 。我们将通过四个主要指标来找出最流行的框架：NPM 趋势、Stack Overflow Survey、GitHub stars 和公开的职位招聘 。
1. 在Node Package Manager报告中 ， React 仍然是最流行的 JavaScript 框架 。从 2018 年 12 月到 2020 年 7 月这段时间 ， 它的年下载量大约是 Vue.js 的 5 倍 ， 是 Angular 的 13 倍 。
Array|Vue、React 和 Angular：该选择哪个框架？
文章图片

文章图片

各框架的年下载量
2. 根据2019 年 Stack Overflow 开发人员调查结果 ， React 最受开发人员喜爱（74.5%）、其次是 Vue.js（73.6%） ， 最后是 Angular.js（57.6%） 。
Array|Vue、React 和 Angular：该选择哪个框架？
文章图片

文章图片

开发人员 最喜欢的 Web 框架
3. 第四次JavaScript Risiing Stars 统计 了 GitHub 每年新增的星数 ， 显示了惊人的统计数据：Vue.js 以 31.4k 星排名第一 ， React 以 22.4k 星排名第二 ， Angular.js 以 12k 星排名第四 。
4. 2020 年 7 月 8 日在Indeed 招聘网站搜索的结果显示：在美国 ， React 有 43678 个招聘职位 ， Angular 有 10458 个招聘职位 ， 而 Vue.js 仅有 1391 个招聘职位 。
因此 ， 我们可以 认为， React 在工作岗位方面是个赢家 ， 在开发人员中的受欢迎程度经久不衰 。尽管如此 ， 我们也可以看到 ， 由于 Vue.js 社区坚定的支持 ， Vue.js 与 React 的对立情绪越来越激烈 。Angular 保持着稳定的中间地位 ， 得到了来自开发商和雇主双方的积极反馈 。


推荐阅读


上一篇：Array|鱼眼镜头摄影，5个创意让你拍出创意照片

下一篇：Array|iPhone12概念图：放弃iPhone11吧，A14+骁龙X60真香