介绍
在本教程中,我们将讨论三种最流行的 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 为渐进式 Web 应用程序(PWA – 移动站点创建格式)提供了出色的支持。
- React 在版本之间轻松转换,因为 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 年发布。 2016 年由于 Angular 2 的发布,以及放弃原名 AngularJS 发生了重大变化。 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、PayPal、Telegram、Nike、MacDonald’s、AWS 等。
看法
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 趋势的统计数据开始。 由于我们可以根据不同的输入数据进行排序,因此统计数据可能会有所不同。 Google 趋势可以提供的不仅仅是框架信息。
如您所见,React 的请求总是比其他请求多。 注意您最感兴趣的地区也很重要。
如您所见,React 的请求总是比其他请求多。 注意框架最感兴趣的区域也很重要。
![区域.in.051220](/wp-content/uploads/2022/06/1641260515.png)
![区域.jp.051220](/wp-content/uploads/2022/06/1641260516.png)
让我们来看看统计数据 JavaScript 的现状 地点。 本站确实根据profile的方向进行分析。
![stateofjs.satisfaction.051220](/wp-content/uploads/2022/06/1641260517.png)
![stateofjs.intrest.051220](/wp-content/uploads/2022/06/1641260518.png)
下图概述了经验范围。
![经验范围.051220](/wp-content/uploads/2022/06/1641260518-1.png)
这是每个框架的工资范围。
![薪资范围](/wp-content/uploads/2022/06/1641260519.png)
Stack Overflow 上收集的 2019 年开发人员统计数据如下。
![网络框架](/wp-content/uploads/2022/06/1641260520.png)
最喜欢、最害怕和想要的 JS 框架。
![最喜欢的.051220](/wp-content/uploads/2022/06/1641260522.png)
![最.dreaded.051220](/wp-content/uploads/2022/06/1641260523.png)
![最想要的.051220](/wp-content/uploads/2022/06/1641260524.png)
以下是来自 GitHub 的下载统计信息。
![github.stats.051220](/wp-content/uploads/2022/06/1641260525.png)
最后,我们还概述了每个框架的所有功能。
![比较](/wp-content/uploads/2022/06/1641260526.jpeg)
结论
在回顾所有这三个框架,React、Angular 和 Vue 时,我们会选择 React。 如前所述,为正确的工作使用正确的工具至关重要,因此您的选择可能会有所不同。 世界各地的主要公司都在使用这三个平台,每个平台都提供了我们可以利用的多种好处。 总的来说,开发人员选择的获胜者是 React。
要查看哪种 Liquid Web 服务可以为您和您的产品提供最大利益,请致电 800.580.4985,或打开 聊天 或立即与我们联系,与我们知识渊博的解决方案团队之一或经验丰富的托管顾问交谈! 我们可以为您提供有关哪些选项适合您的问题的可靠答案!