angular复习笔记1-开篇

前言

学习和使用angular已经有一段时间了。这段时间利用angular作了一个系统，算是对angular有了一个全面的认识，趁着如今有一些时间，把angular的一些知识记录一下。

安装angular

安装angular首先要使用node，node的下载地址http://nodejs.cn/，我是用的是angular7最新的版本，node的版本应该在10以上。安装node会自动帮你安装好npm的包管理工具，而后 咱们可使用npm安装angular：

npm install -g @angular/cli

这样，咱们就安装好了全局的angular，而后咱们就可使用ng xxx的命令来开发angular应用了。

使用angular所须要的知识

typescript

typescript是js的超集，为js装上了一个类型系统，使得不少关于类型的错误可以在编译器就被发现，大大的节省了开发时间，缺点就是你须要学习一门新的语言，但typescript和js在语法上面是很是相似的，相关的概念也同样，因此学习起来不会太费劲。

rxjs

angular里面的异步大多数是使用rxjs来表达的。rxjs简单的理解就是一个时间轴，在这个时间轴上面会不断的发送数据，rxjs有点儿和订阅模式同样的地方，在时间轴上面产生的数据会被消费者订阅和消费。

其余的核心知识

angular里面包含了不少概念，这些概念也是形成angular学习曲线比较陡峭的缘由之一，可是一旦你学会了angular，就会给你创造巨大的价值。不一样于其余框架，angular内部封装了一些无心义的东西好比webpack，webpack这坨baba虽然解决了不少问题，但这些问题不能创造任何价值，angular对webpack的封装让咱们开发人员能够真正的将时间投入到业务的开发上面来。

组件

组件（Component）是构成angular应用的基础和核心。也是应用程序组件化和模块化的产物。它由html文件、css文件和ts文件构成，html用于表述组件的结构，cs所表述组件的样式，ts表述组件的逻辑和功能。

模板

模板是一种自定义的标准化页面，经过模板和模板中的数据结合，能够生成各类各样的页面。在angular中模板的默认语言是html。几乎全部的html在模板中都是适用的。但<scirpt>标签是禁止的，主要是防止脚本注入攻击（XSS）。

指令

指令是一个重要的概念，指令做用在特定的dom元素上，能够扩展这个元素的功能，为元素添加新的行为。组件（component）就是一种特殊的带有视图的指令，组件继承自指令。

服务和rxjs

在 Angular 中，服务用于帮助开发者书写可重用的公共功能（ 如日志 处理、权限管理等） 和复杂的业务逻辑，对于应用程序的模块化有着很重要的意义。

rxjs继承了响应式编程范式，在angular中rxjs与http配合使用。rxjs的几个核心对象包括observable、observer、subscription、subscribe、subject等等。

依赖注入

依赖注入是一种编程思想，他是解决IOC（控制反转）的方法之一，当咱们编写一个大型的项目时会建立不少组件和服务，这些组件和服务之间有着错综复杂的关系，管理好这些组件和服务之间的关系，就是要将这些组件和服务进行必定程度的解耦合，依赖注入为咱们提供了强大的解耦合的能力。

路由

路由是一个单页应用（spa）的重要组成部分，路由所要解决的核心问题是经过将不一样的URL和不一样的组件创建对应的关系，使得不一样的URL可以表明不一样的组件。

测试

对于一个应用来讲，只是完成了基本功能开发，还远远不够，如何在快速迭代中保持稳定的产品质量，测试的重要性不言而喻。

结束

这是一个angular复习的开篇，主要从angular组成的各个方面对angular进行了一个综述，接下来会对angular的每一个部分作详细的解剖。