ReactJS和AngularJS之间的区别 – ReactJS实战教程

上一章ReactJS实战教程请查看：React主要特性及其优点和缺点

AngularJS

AngularJS是一个用于构建动态web应用程序的开源JavaScript框架，Misko Hevery和Adam Abrons在2009年开发了AngularJS，现在谷歌维护它。Angular的最新版本是2019年3月11日的1.7.8，它基于HTML和JavaScript，主要用于构建单个页面应用程序。它可以包含在带有<script>标记的HTML页面中。它通过使用指令添加内置属性来扩展HTML，并使用表达式将数据绑定到HTML。

AngularJS的特点

• 数据绑定: AngularJS遵循双向数据绑定。它是模型和视图组件之间数据的自动同步。
• POJO模型: AngularJS使用POJO(普通的旧JavaScript)模型，它提供了自发的和精心设计的对象。POJO模型使AngularJS能够自给自足且易于使用。
• 模型-视图-控制器(MVC)框架: MVC是一种用于开发web应用程序的软件设计模式。AngularJS的工作模型是基于MVC模式的。AngularJS中的MVC架构简单、通用、动态，MVC使构建单独的客户端应用程序变得更加容易。
• 服务: AngularJS有几个内置的服务，比如$http，用于生成XMLHttpRequest。
• HTML用户界面: 在AngularJS中，用户界面是建立在HTML上的。它是一种声明性语言，具有更短的标记，易于理解。它提供了一个有组织的、平滑的、结构化的接口。
• 依赖注入: AngularJS有一个内置的依赖注入子系统，可以帮助开发人员轻松地创建、理解和测试应用程序。
• 谷歌上活跃的社区: AngularJS提供了优秀的社区支持，这是因为谷歌维护angularjs。所以，如果你有任何维护问题，有很多论坛可以让你得到你的查询解决。
• 路由: 路由是从一个视图到另一个视图的转换。路由是单页应用程序的关键方面，所有内容都在单页中。在这里，开发人员不希望用户每次单击菜单时都重定向到新页面。开发人员希望在URL更改的情况下在相同的页面上加载内容。

ReactJS

ReactJS是一个开源的JavaScript库，用于为单个页面应用程序构建用户界面。它只负责应用程序的视图层。它为开发人员提供了用一小段称为“组件”的独立代码组合复杂ui的功能。ReactJS由两部分组成，第一部分是组件，这些组件包含HTML代码和你希望在用户界面中看到的内容，第二部分是HTML文档，你将在其中呈现所有组件。

Facebook的软件工程师乔丹·沃克(Jordan Walke)开发了它。最初，它是由Facebook开发和维护的，后来被用于WhatsApp和Instagram等产品。Facebook在2011年为新闻订阅部分开发了ReactJS，但在2013年5月向公众发布。

ReactJS的特点

• JSX: JSX是一个JavaScript语法扩展。JSX语法被处理成React框架的JavaScript调用。它扩展了ES6，使类似HTML的文本可以与JavaScript React代码共存。
• 组件: ReactJS是关于组件的。ReactJS应用程序由多个组件组成，每个组件都有自己的逻辑和控件。这些组件可以重用，这有助于你在处理大型项目时维护代码。
• 单向数据绑定: ReactJS遵循单向数据流或单向数据绑定。单向数据绑定使你能够更好地控制整个应用程序。如果数据流在另一个方向，那么它需要额外的特性。这是因为组件应该是不可变的，而其中的数据不能更改。
• 虚拟DOM: 虚拟DOM对象是真实DOM对象的表示。当web应用程序中发生任何修改时，整个UI都将在虚拟DOM表示中重新呈现。然后，它检查以前的DOM表示和新DOM之间的差异。完成之后，真正的DOM将只更新更改的内容。它使应用程序更快，并且没有内存浪费。
• 简单性: ReactJS使用JSX文件，这使应用程序更简单，更易于编码和理解。此外，ReactJS是一种基于组件的方法，可以根据需要重用代码。它使使用和学习变得简单。
• 性能: ReactJS被认为是一个伟大的表演者。这背后的原因是它管理一个虚拟DOM，DOM完全存在于内存中。因此，在创建组件时，我们没有直接写入DOM。相反，我们正在编写将转换为DOM的虚拟组件，从而实现更流畅、更快的性能。

AngularJS VS ReactJS