【.com快译】如今，随着使用JavaScript的软件应用越来越普及，关于ReactJS和AngularJS开发技术的讨论也是层出不穷。下面就让我们从各自的优缺点以及适用场景等方面对它们进行综合比较。ReactJS是JavaScript的开源代码库。ReactJS提供了一套完整的精益工程和基于细分的工作流程。是Facebook提供的一种专门用于改善前端效果的语言，目前拥有庞大而活跃的社区。React常用于媒体、产品转型、零售、金融创新、人工智能等领域。目前，Facebook网站页面、instagram和WhatsApp应用程序都是基于React构建的。通过各种优秀的代码库和组件（器），为用户带来更高的效率、更好的代码稳定性、更满意的搜索引擎优化（SEO）效果。为什么选择ReactJS？以下三个因素往往是用户选择ReactJS的主要原因：1.优秀的更新能力ReactJS有自己的虚拟文档对象模型（DocumentObjectModel，DOM）。通过管理DOM的变化，及时更新其DOM树，提供良好的展示效果。也就是说，Reactjs只会在调用setState时先更新虚拟DOM，然后再与实际DOM进行比较，最后根据需要更新实际DOM。显然，这样不仅降低了DOM的更新频率，也减少了更新的内容。与机械分配DOM的方式相比，它可以更好、更可靠地管理和恢复DOM。2.有效的SEO总的来说，JavaScript框架面临一个巨大的问题：升级后的网络搜索工具往往很难找到大量JavaScript类型的应用。ReactJS对此做了很大的优化，可以方便用户网站抓取、吸引和留住访问者。3、ReactJS中的“段”ReactJS通过影子（Shadow）DOM在文档渲染时插入子DOM。它与主文档的DOM是分开的，因此它不会影响主DOM树的内容。并且作为一个可调节的部件，这样一个独立的部分具有各种灵活性。例如：由于代码复用的支持，经验丰富的Web开发者可以在开发项目中自由复用自己的代码组件，从而减少项目重复花费的时间。此外，React.Js有一个下载数据流，可以让那些更大的数据块无缝高效地输出，而不会产生任何影响。ReactJS的缺点1.文档有缺陷。不可否认，React的创新和迭代速度是有目共睹的。但这与其滞后的文档形成鲜明对比。或许是React的开发者过于追求性能和功能的升级，拖累了其文档的后续工作。至少对于ReactJS用户来说，他们将不得不弄清楚它或写一个指南。2、更新太快有利也有弊。React在功能上不断更新的状态，不一定能让部分用户买账。对于他们来说，也许他们需要的只是一个稳定的版本，而不必一直关注它有没有更新什么新功能，是否需要及时跟进学习。3.JSX语法JSX是React的核心组件。它使用XML标签直接声明接口，方便接口组件的嵌套。作为一种JS语句结构，用户可以使用HTML语句将HTML标签传递给子组件。类似于XML语言，它是一种具有属性树结构（即DOM结构）的语法，其目的不是在浏览器引擎中实现，而是通过各种编译器将标签编译成标准的JS语言。但是在实际应用中，用户根本无法使用JSX语法，而只能使用JS语法来实现。所以，某种程度上，使用JSX只是为了让代码更易读。AngularJS是一种受TypeScript约束的开源前端架构。AngularJS是从基于JavaScript的Web框架改进而来的。使用AngularJS，您可以根据模型-视图-控制器(MVC)模型将应用程序的数据模型、表示信息和控制信息相互分离。AngularJS的显着优点包括：易于测试、易于扩展、易于调整、可直接用于工程设计。一般来说，AngularJS通常用于提供实时视频服务的应用，以及用户上传内容的分析、评论站点等应用场景。为什么选择AngularJS？与ReactJS类似，以下三个因素往往是用户选择AngularJS的主要原因：1.适用性AngularJS的MVC架构非常清晰，分工明确，可扩展性极佳。通过使用Angular，用户可以更专注于业务逻辑，而不必考虑对HTML的影响。可见，它提供的功能耦合度低，可以与应用程序的其他部分隔离，使得用户可以方便地修改或替换一个对象，而不影响其他对象。同时，在AngularJs中，路由意味着从一个视图移动到另一个视图，因此非常方便和容易。2.测试AngularJS可以通过依赖注入（DI）方式连接到各种控制器（controller），进行单元测试、中途测试、端到端测试等。其中AngularJS的单元测试框架叫做Karma。它通过向监管机构注入模拟信息来达到测试目的。3.用户界面(UI)鉴于HTML是一种信息丰富且可读的语言，AngularJS使用HTML来描述Web应用程序的UI。您可以在HTML中使用各种功能属性来描述哪些部分将使用哪些修饰符。通过管理各种条件，AngularJS不仅增强了用户与Web之间的交互，而且准确地描述了用户的真实需求。同时，在AngularJs中，只需要写一点代码就可以实现对DOM的各种操作。AngularJS的缺点1.对SEO的支持差有开发经验的用户都知道，在使用AngularJS将网页程序从PHP、Spring、MVC等服务端渲染方式转变为前端渲染加Ajax，通过Restful纯客户端后API请求数据的方式，搜索引擎往往无法从页面数据中抓取到对应的搜索索引。这就是为什么单页应用程序需要使用JavaScript来定期更新内容和元标签（Metalabels）。2.反向切换问题设计者不能直接从AngularJS切换到Angular。在Angular文档中，有一个完整的段落清楚地描述了可以处理转换的所有方式，但从AngularJS切换到Angular除外。3、与MVC高度相关正如前面所说，AngularJS是一个遵循MVC模型的框架。因此，如果你有前后端交互的开发经验，就可以轻松理解MVC的相关实践；相反，如果你只有纯前端开发的知识，是很难看懂MVC和Angular的。ReactJS和AngularJS，如何选择？我们可能面临的开发项目往往五花八门。有的注重功能多样性，有的注重向后兼容，有的需要很强的可扩展性，有的要有高效的性能。那么，我们如何在ReactJS和AngularJS之间做出明智的选择呢？以下是我的一些建议：，那么AngularJS将是您的正确决定。如果你需要制作的应用程序可能会在游戏等快速运行的环境中使用，或者需要持续改进，或者需要各个部分之间的状态转换，那么ReactJS会更合适。Angular在功能上更强大。它不仅可以为用户提供全面的支持，还可以为前端改进提供丰富的帮助和设备集支持。不过其赞助商谷歌曾在社区表示：目前该项目不再推进，他们将致力于逐步将AngularJS过渡到Angular2+（https://dzone.com/articles/angular-2-vs-反应）。React在这个领域积累了很多经验，也对社区做出了很多承诺。它提倡一种所谓的“轻量级”方法，方便用户快速上手，无需投入更多的学习精力。在开发速度和熟练度方面，AngularJS凭借其出色的CLI，不仅可以加快工作空间和配置工作的完善，还可以通过单行代码（one-linecodes）构建不同的段，并且包含干净的代码用于广泛的内容组合。使用外部代码库时，React的速度和效率会受到影响。这迫使ReactJS开发人员提前选择合适的设计组件。由于使用了虚拟DOM，在ReactJS中，无论DOM树的整体或部分发生变化或调整，树的信息结构都会根据需要进行更新。也就是说，开发人员跟踪和刷新更改而不影响树的其他部分。AngularJS使用真实的DOM，您需要找到并确定哪些部分需要更改。当然，在识别和执行更改方面，AngularJS的效率并不受限。原标题：ReactJSVs.AngularJS，作者：SidharthJain
