今日完成的事

今天学习了angular的一些基础知识

生命周期函数

生命周期函数通俗的讲就是组件创建，组件更新，组件销毁的时候会触发的一系列方法，当angular使用构造函数新建一个组件或者指令后，就会按照下面的顺序在特定的时刻调用这些生命周期方法，也叫钩子函数。

constructor 构造函数中除了使用简单的值对局部变量进行初始化

之外，什么都不应该做。 （非生命周期函数），在构造函数上可以做一些组件的初始化工作，比如变量的初始赋值。

ngOnChanges() 当 Angular（重新）设置数据绑定输入属性时响应。 该

方法接受当前和上一属性值的 SimpleChanges 对象

当被绑定的输入属性的值发生变化时调用，首次调用一

定会发生在 ngOnInit() 之前。主要用在父子组件传值中，父组件给子组件传值的时候以及父组件改变传值的数据的时候会触发，主要用来接收父组件传入的数据，为接下来的组件初始化进行支持

ngOnInit() 在 Angular 第一次显示数据绑定和设置指令/组件的输

入属性之后，初始化指令/组件，主要用来请求数据的。

在第一轮 ngOnChanges() 完成之后调用，只调用一次。

用 使用 ngOnInit() 有两个原因：

1、在构造函数之后马上执行复杂的初始化逻辑

2、在 Angular 设置完输入属性之后，对该组件进行准

备。

有经验的开发者会认同组件的构建应该很便宜和安全。

ngDoCheck() 检测，并在发生 Angular 无法或不愿意自己检测的变

化时作出反应。在每个 Angular 变更检测周期中调用，可以做一些我们自定义的操作，比如说我们看一下数据有没有改变。ngOnChanges() 和 ngOnInit() 之后。

ngAfterContentInit() 当把内容投影进组件之后调用。组件渲染完成之后触发的生命周期函数，第一次 ngDoCheck() 之后调用，只调用一次。

ngAfterContentChecked() 每次完成被投影组件内容的变更检测之后调用，组件初始化之后做的一些自定义操作

ngAfterContentInit() 和每次 ngDoCheck() 之后调用。

ngAfterViewInit() 初始化完组件视图及其子视图之后调用。第一

次 ngAfterContentChecked() 之后调用，只调用一次。非常重要在此处进行dom操作。

ngAfterViewChecked() 每次做完组件视图和子视图的变更检测之后调用。可以做一些自定义的操作ngAfterViewInit()和每次 ngAfterContentChecked() 之后调用。

ngOnDestroy() 当 Angular 每次销毁指令/组件之前调用并清扫。在这

儿反订阅可观察对象和分离事件处理器，以防内存泄

漏。

在 Angular 销毁指令/组件之前调用。

标红的是必须掌握的，只要带check表示里面可以写我们自定义的方法，对数据进行一些响应，比如数据改变了需要做一些处理，数据没改变需要做一些什么处理。

点击取消组件

生命周期函数触发的顺序

页面刷新触发的函数顺序

constructor

ngOnInit

ngDoCheck

ngAfterContentInit

ngAfterContentChecked

ngAfterViewInit

ngAfterViewChecked

视图渲染完成以后或者数据改变后触发的周期函数

ngDoCheck

ngAfterContentChecked

ngAfterViewChecked

父子组件传值时触发的周期函数

NgOnChages

销毁组件时触发的生命函数

ngOnDestroy

Promise.prototype.then()方法

Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。

then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用另一个then方法。

明天计划的事

继续写新增和编辑

遇到的困难

新增的百分比不懂

收获

对于后台页面理解更加深刻了