x:12 y:9,求角度_角度介绍：它是什么，以及为什么要使用它-CSDN博客

x:12 y:9,求角度

在本文中，我将向您概述一个非常流行且广泛使用的客户端框架Angular 。 Angular简介主要针对那些对JS框架缺乏经验，希望学习Angular的基本概念以及了解与AngularJS的不同之处的新手开发人员。

如今， JavaScript框架是一种流行语：每个人都在不断讨论这些框架，并且许多开发人员都在争论最佳解决方案。

所以，让我们开始这个Angular简介吧？

为什么需要框架？

如果您不确定什么是JavaScript（或客户端）框架，则该技术可为我们提供构建Web应用程序的正确工具，同时还定义了应如何设计它以及如何组织代码。

如今，大多数JS框架都是自以为是的 ，这意味着它们对于应如何构建Web应用程序有自己的哲学，您可能需要花一些时间来学习核心概念。其他解决方案，例如Backbone ，没有指导开发人员如何设计项目，因此有些人甚至称这类技术为库而不是框架。

实际上，JavaScript框架不久前就出现了。我记得曾经用结构不良的JS代码（在许多情况下，由jQuery驱动）构建网站的时代。但是，客户端UI变得越来越复杂，JavaScript失去了作为“玩具”语言的声誉。现代网站严重依赖JS，因此需要正确组织（和测试！）代码。因此，客户端框架已变得很流行，如今至少有十几种。

Angular简介：什么是Angular IS

AngularJS曾经是JavaScript框架中的“黄金孩子”，因为它最初由Google公司于2012年推出。它是在考虑Model-View-Controller概念的基础上构建的，尽管该框架的作者通常将其称为“ Model-View”。 -*”或什至“ Model-View-Whatever”。

该框架使用纯JavaScript编写，旨在将应用程序的逻辑与DOM操作分离开来，并旨在进行动态页面更新。不过，它不是很麻烦：您只能让AngularJS控制页面的一部分。该框架引入了许多强大的功能，使开发人员可以轻松地创建丰富的单页应用程序。

具体来说，引入了一个有趣的数据绑定概念，该概念意味着只要模型（数据）发生更改，视图就会自动更新，反之亦然。最重要的是，提出了指令的概念，该指令允许发明自己HTML标签，这些标签由JavaScript赋予了生命。例如，您可以编写：

<calendar></calendar>

这是一个自定义标签，将由AngularJS处理，并根据基础代码的指示变为完整的日历。（当然，您的工作将是编写适当的指令。）

另一个非常重要的事情是“ 依赖注入” ，它允许应用程序组件以促进可重用和可测试代码的方式连接在一起。当然，AngularJS 还有更多功能，但是我们不会在本文中进行深入讨论。

AngularJS很快流行起来并获得了很多关注。尽管如此，其维护者还是决定进一步采取措施，并着手开发一个新版本，该版本最初名为Angular 2 （后来简称为Angular，没有“ JS”部分）。框架获得一个新名称并不是偶然的：实际上，它已被完全重写和重新设计，同时重新考虑了许多概念。

Angular 2的第一个稳定版本于2016年发布，此后AngularJS开始失去其流行性，而支持新版本。 Angular 2的主要功能之一是能够针对多种平台进行开发：Web，移动和本地桌面（而AngularJS则没有现成的移动支持）。

然后，为了使事情变得更加复杂，到2016年底，发布了Angular 4 。 “那么，版本3在哪里？”，您可能会想知道。我问的是同一问题，因为看来版本3从未发布过！这怎么可能呢？如官方博客文章中所述，维护者决定从Angular 2开始坚持使用语义版本控制。

遵循此原则，更改主要版本（例如，“ 2.xx”变为“ 3.xx”）意味着引入了一些重大更改。问题在于Angular Router组件已经在版本3上。因此，为解决此未对准问题，决定完全跳过Angular 3。幸运的是，从Angular 2过渡到4的痛苦比从AngularJS过渡到Angular 2的痛苦要小，尽管许多开发人员仍然对所有这些混乱感到困惑。

Angular 5 于2017年11月发布。它也与以前的Angular版本向后兼容。 Angular 6应该很快发布，希望能给我们带来更多更酷的功能和增强。

Angular简介：Angular的优势

那么，为什么选择Angular？好吧，因为它受各种平台（Web，移动，桌面本机）支持，所以它功能强大，现代，拥有一个不错的生态系统，而且非常酷。不服气吗？然后让我变得更有说服力：

Angular不仅为您提供工具，还为您提供以可维护方式构建项目的设计模式。 正确设计Angular应用程序后，您不会遇到一堆难以修改甚至难以测试的类和方法。代码的结构很方便，您不需要花费很多时间就可以了解发生了什么。
它是JavaScript，但更好。 Angular是使用TypeScript构建的，而TypeScript则依赖于JS ES6。您无需学习全新的语言，但仍会获得诸如静态类型，接口，类，名称空间，修饰符等功能。
无需重新发明自行车。 有了Angular，您已经有了许多工具可以立即开始制作应用程序。您有指令赋予HTML元素动态行为。您可以使用FormControl启动表单，并引入各种验证规则。您可以轻松地发送各种类型的异步HTTP请求。您可以轻松设置路由。 Angular可以为我们提供更多的好东西！
组件已解耦。 Angular致力于消除应用程序各个组件之间的紧密耦合。注入以NodeJS样式进行，您可以轻松替换各种组件。
所有DOM操作都发生在应该发生的地方。 使用Angular，您无需将演示文稿和应用程序的逻辑紧密结合在一起，从而使您的标记更加简洁明了。
测试是核心。 Angular旨在进行全面测试，并支持使用Jasmine和Protractor等工具进行单元测试和端到端测试。
Angular可移动且可用于桌面 ，这意味着您拥有一个用于多个平台的框架。
Angular积极维护 ，拥有庞大的社区和生态系统。您可以找到有关此框架的许多资料以及许多有用的第三方工具。

因此，我们可以说Angular不仅是一个框架，而且是一个使开发人员能够为Web，移动和桌面构建应用程序的平台。您可以在本指南中了解有关其体系结构的更多信息。

Angular简介：Angular的复杂性

我不得不说，不幸的是，Angular是一个庞大而复杂的框架，具有自己的理念，这对于新来者理解和适应可能会带来挑战。但是，学习框架的概念并不是唯一的任务；最重要的是，您还必须熟悉一些其他技术：

建议使用TypeScript编写Angular应用程序的代码，因此您必须了解它。可以用现代JavaScript（ES6）编写代码，尽管我很少看到有人这样做。
TypeScript是JavaScript的超集，因此您也需要对此感到满意。
掌握Angular CLI可以进一步加快开发过程，这是一个好主意。
Node的软件包管理器npm被广泛用于安装Angular本身和其他组件，因此您也需要对此感到满意。
学习如何设置Gulp或Grunt之类的任务运行程序非常方便，因为在将应用程序实际部署到生产环境之前可能需要做很多事情。
如今，使用缩小符（如UglifyJS ）和捆绑程序（如Webpack ）也很常见。
在开发应用程序时，调试代码至关重要，因此您应该知道如何使用Augury之类的调试工具。
当然，测试Angular应用程序非常重要，这可能会变得非常复杂。其中最受欢迎的测试工具之一是Jasmine （这是用于测试的框架）和Protractor （用于端到端测试）。