【.com快译】对于任何一个应用开发团队来说，他们经常会问自己一个问题：“我们应该选择哪种前端（客户端）开发技术？“目前，由于市面上的JavaScript框架五花八门，适用于不同的技术实现场景，各自的功能和界面友好度也参差不齐，所以你的应用开发团队往往需要自己慎重选择。.本文将和大家一起探讨React、Angular和Vue这三种前端架构的不同优缺点，以及它们适用的使用场景。什么是角度？Angular是Google提供的开源前端Web应用程序框架。通过其模型-视图-控制器(MVC)式架构，开发人员可以轻松地进行各种开发、维护和测试。它不仅适用于构建高度活跃和交互的Web应用程序场景，也流行于单页应用程序（https://msdn.microsoft.com/en-us/magazine/dn463786.aspx）。上图是最新的Angular发布周期表。什么是反应？React由Facebook提供给您，是一个开源JavaScript库。它可用于构建交互式、有状态和可重用的用户界面(UI)。而这些就是呈现高性能复杂UI的基本功能需求。同时，它可以与虚拟化的文档对象模型（DOM）结合使用，提供高度稳定的Web应用。上图是ReactNative的英文解释。什么是Vue？Vue是一个用于构建用户界面的渐进式JavaScript框架。它带有多种可用于构建用户界面的替代工具。通过使用各种现代工具(https://vuejs.org/v2/guide/single-file-components.html)和软件支持库(https://github.com/vuejs/awesome-vue#components--库），Vue可以完全支持复杂的单页应用程序。热度下图是谷歌根据搜索热度对这三个前端框架的接受度做的趋势分析图。可以看出，在2016年之前，Angular非常流行。但自2017年以来，开发人员对React的搜索频率稳步上升。Stackoverflow（译者注：开发者在线社区）也用下图展示了这三者多年来的流行趋势。AngularJS在2015年到2016年间最为流行，而React的流行度逐年大幅上升。近年来，随着React、Angular和Vue的不断迭代更新，它们不仅增加了很多新的功能，也为各种Web应用提供了更好的可靠性和稳定性。Angular、React、Vue的区别上表从类型、规模、上手难度、编码速度、支持文档、性能、启动时间、应用完成、展示、类型、代码等方面简要总结了Angular、React、Vue复用性和适用场景的差异。AngularJS的优势无论用户使用什么平台，基于Angular构建的Web应用程序都可以运行在任何浏览器环境中。下图所示的双向数据绑定可以确保模型中的任何数据更改都会立即反映在视图中。同时，当视图中的数据发生变化时，模型也会随之更新。预构建的MaterialDesign组件可以帮助用户为移动/Web应用程序构建高度交互且易于导航的UI。Angular的命令行界面允许第三方轻松更新组件并减少创建和部署应用程序的时间。React的优势虚拟化的DOM可以帮助React开发人员轻松注意到应用程序中的任何变化，而不会影响界面的其他部分。React允许用户重用其各种组件，以更轻松、更高效地开发新的应用程序。在较大的应用程序中，React通过使用Redux(https://redux.js.org/basics/usage-with-react)简化了各种组件状态的存储和管理。由于数据只会单向流动，单向数据绑定可以使代码稳定，方便以后的后续开发。Vue的优点Vue的最大优点之一是它的体积相对较小。它带有非常详细的文档。它允许开发人员使用虚拟节点在HTML文件、JavaScript文件和纯JavaScript文件中编写模板。其MVVM（译者注：模型-视图-视图-模型）架构让用户可以轻松处理各种HTML程序块。选择合适的框架性能性能是评估前端应用程序最重要的方面之一，尤其是那些HTML页面。由于React和Angular采用完全不同的方法来更新HTML，因此它们会对应用程序的性能产生不同的影响。考虑到浏览器中DOM的直接变化，Angular最适合只偶尔更新页面内容的单页应用程序。而对于那些需要定期更新内容，而且大小可变的应用（比如Instagram），React会更合适。就Vue.js的性能而言，由于其核心库只专注于视图层，因此很容易与其他库或现有应用程序集成。此外，Vue.js还将通过虚拟化DOM提供更高的性能和内存比。开发速度虽然开发者可以很方便的使用React和Angular对程序进行修改，但是应用的实际开发速度还是取决于开发者使用的函数库的数量。总的来说，React的架构比Angular更具可扩展性，Angular开发Web应用程序比React快一点。虽然这三种架构对于用户交互和复杂的UI渲染都是极好的选择，但是如果你希望程序修改能够立竿见影，那么Vue是一个不错的选择。它使从原型到生产的轻松过渡成为可能。应用程序的体积Angular保留了最小可行产品(MVP)所需的必要部分，并能够在其之上生成功能齐全的单页应用程序。因此，如果你想通过调整尺寸让应用变得更小、更紧凑，那么Angular会是你最好的选择。如果你想在未来跨多个操作系统扩展你的应用程序，React是你的最佳选择。由于Vue的核心库主要关注灵活性，因此Vue可以适合任何规模的应用程序。其中包括：单文件组件，高度模块化的组件接口，以及带有VueCLI3的各种平台等等。嗯，如果你将它用于中等复杂度的单页应用程序，或者更大规模的程序，尤其是那些包含多-页面导航，那么Vue的实现会相对好一些。下图是三大JS框架的典型用户和流行应用列表：结论综上所述，Angular是一个比较全面的框架。但是，开发人员不一定会使用Angular提供的大部分功能。React为用户提供了各种灵活性和简单性。Reactjs使用虚拟化的DOM实现，因此它具有比Angular更好的性能。作为一个渐进式框架，Vue可以被用户合并到现有的项目中。自带大量工具和配套库，可以应对企业级应用中涉及的各种复杂需求。此外，借助VueCLI3和VueUI，它可以快速交付MVP。因此，Vue可谓是经济高效的中小型应用程序解决方案。原标题：Reactvs.Angularvs.Vue:TheCompleteComparison，作者：AnandMahajan
