介绍
在本教程中，我们将讨论三个最流行的 JavaScript 框架：React、Angular 和 Vue。 我们将查看每种方法的优缺点、它们的使用统计数据、讨论选择哪一种以及应该研究哪一种以备将来使用。 因为编程语言和框架都是开发人员工具带中的工具，并且每个都有它的位置。 值得学习的工具对于完成一项不仅方便而且适用于特定任务的任务有意义且有用。 再次提醒自己，由于这些变化发生得很快，一年半之后，情况可能会发生根本性的变化。
很长一段时间以来，前端 javascript 框架一直在快速开发和发布更新，以至于很难跟踪所有内容。 可能会出现问题，当您在一个平台上学习或工作时，它似乎已经过时了。 当然，这有点夸大其词，但事实仍然是，如果您不跟踪所有更新、趋势和更改，您就有可能与某些工作无关。
反应
React 或有时称为 React.js 或 ReactJS，是用于开发图形用户界面的开源 JavaScript 库。 React 是由 Facebook, Instagram，以及由个人开发人员和公司组成的社区。 它于 2011 年首次使用 Facebook 后来在 2012 年 Instagram 并最终在 2017 年根据标准完全开源 麻省理工学院许可证. React 非常适合创建任何规模和大小的现代单页应用程序。 最新版本 16.13.0 于 2020 年 2 月 26 日发布。
优点：
- 由于 React Virtual DOM 的实现方法和各种渲染优化，React 相当快。
- React 提供了很好的服务端渲染支持，方便面向内容的应用。
- 由于 JSX 模板的简单设计和使用以及非常详细的文档，React 易于学习。 开发人员花费更少的时间编写特定于框架的代码，而更多地花费在编写现代 Javascript 代码上。
- 由于“create-react-app”应用程序生成器，React 为 Progressive Web App（PWA – 移动网站创建格式）提供了出色的支持。
- 在版本之间轻松地对转换做出反应 Facebook 提供“代码模块”来自动化许多流程。
- React 使用函数式编程概念来创建易于测试和可重用的代码。
- 您可以将在 React 中获得的知识和技能应用到 React Native 上的开发中——这是一个用于在 iOS 和 Android 上开发跨平台应用程序的框架。
缺点：
- 社区经常通过在 React 中编写 CSS 来划分，分为 CSS 模块类型样式表和 CSS-in-JS，并不总是很好地影响项目。
- React 越来越远离面向对象编程 (OOP) 的编程范式，这对许多人来说可能成为障碍，尤其是对于那些喜欢使用和应用它的人。
- 最初混合逻辑模式可能会让开发人员感到不安。
一些使用 React 的公司是 Facebook, Instagram, Twitter, Netflix, WhatsApp、Dropbox、Airbnb、Codecademy、Slack、微软、纽约时报、雅虎等等。
角
Angular 是一个开源 JavaScript 框架，主要用于开发单页应用程序。 Angular 的主要目标是增加基于浏览器的应用程序，以及简化测试和开发。 Angular 是最古老的 JS 框架之一，由 Google 于 2009 年开发并于 2010 年发布。由于 Angular 2 的发布，以及放弃了原来的名称 AngularJS，2016 年发生了重大变化。 Angular 2 现在简称为 Angular。 最新版本 9.1.4 于 2020 年 4 月 29 日发布。
优点：
- Angular 是使用 Typescript 开发的，因此， close 支持与它的联系。
- Angular 有详细的文档，很容易理解，但是有一个很好的学习曲线。
- Angular-language-service：此服务提供 HTML 组件模板的自动完成功能。
- Angular 支持 MVVM（或 Model-View-ViewModel），它允许开发人员在应用程序的同一部分使用相同的数据集单独工作。
- Angular 使用单向数据绑定。 这提供了异常的应用程序行为，从而将可能出现的错误风险降至最低。
- Angular 的结构和架构是专门为高可扩展性而设计的。
缺点：
- 与仅使用“组件”的其他框架相比，各种不同的结构（组件、管道、模块、可注射）使研究复杂化。
- 另一方面，相当慢的性能是通过使用“更改检测策略”来解决的，这有助于手动控制渲染过程。
使用 Angular 的公司包括 Microsoft、Google、Cisco、Apple、Adobe、GoPro、Udemy、 YouTube贝宝, Telegram、耐克、麦当劳、AWS 等等。
Vue
Vue（也称为 Vue.js）是一个用于创建用户界面的开源 JavaScript 框架。 Vue 可以使用其他 JavaScript 库轻松集成到项目中，并且可以用作开发单页反应式应用程序的 Web 框架。 它非常适合创建适应性强的用户界面和复杂的单页应用程序。 最新版本 2.6.11 于 2019 年 12 月 13 日发布。这是三个系统中最年轻的框架。
优点：
- Vue 提供了详细的文档，使我们能够快速学习，只需要 HTML 和 JavaScript 的基本知识就可以节省大量时间。
- Vue 提供了改进的 HTML 功能，有助于优化 HTML 块的处理。 它与 Angular 有许多相似的特征。
- Vue 可用于创建单页应用程序，以及更复杂的基于 Web 的界面。
- 由于在设计和架构方面与 React 和 Angular 的相似性，Vue 的适应性可以很容易地从一个框架转移到另一个框架。
- Vue 体积小，占用空间极少，同时保持其速度和灵活性，这通常有助于实现良好的生产能力。
- Vue 的扩展能力可以帮助我们开发大型可重用模式。
缺点：
- 由于缺乏解决现有问题的经验，在将 Vue 集成到大型项目中时，通常会出现问题。
- 由于在良好的实施解决方案和其他技术方面缺乏丰富的经验，Vue 确实缺乏人气。
使用 Vue 的公司包括阿里巴巴、小米、GitLab、Adobe、任天堂和 EuroNews。
统计数据
让我们从 Google Trends 的统计数据开始。 由于我们可以按不同的输入数据进行排序，因此统计数据可能会有所不同。 谷歌趋势可以提供的不仅仅是框架信息。
正如你所看到的，React 总是比其他人有更多的请求。 注意您最感兴趣的区域也很重要。
正如你所看到的，React 总是比其他人有更多的请求。 同样重要的是要注意框架最感兴趣的区域。
印度
日本让我们看一下来自的统计数据 JavaScript 的状态 地点。 该站点确实根据配置文件的方向进行分析。
满意
兴趣下图概述了经验范围。
这是每个框架的工资范围。
2019 年收集的 Stack Overflow 开发人员统计数据如下。
最流行的框架。最喜欢、最害怕和最想要的 JS 框架。
最爱
最可怕的
最想要的以下是来自 GitHub 的下载统计信息。
最后，我们还概述了每个框架的所有功能。
结论
在回顾所有这三个框架，React、Angular 和 Vue 时，我们的选择是 React。 如前所述，为正确的工作使用正确的工具至关重要，因此您的选择可能会有所不同。 这三个平台都被世界各地的主要公司使用，每个平台都提供了我们可以利用的多种好处。 总体而言，开发人员选择的赢家是 React。
要了解哪种 Liquid Web 服务可以为您和您的产品带来最大利益，请致电 800.580.4985 联系我们，或打开 聊天 或与我们联系，立即与我们知识渊博的解决方案团队或经验丰富的托管顾问交谈！ 我们可以为您提供关于哪些选项适合您的问题的可靠答案！
