Angular 4.x 修仙之路 —— 之学习笔记

本文宗旨：东一榔头西一棒子，零零散散提示点

性能优化：减少检测链长度，实现局部的变化检测，使用onpush策略
ES5中，编译阶段，变量声明和函数声明会自动提升，而函数表达式不会自动提升。（原来js自己也有编译阶段）；函数声明：function Animal(){}; 函数表达式：var Animal = function(){};
ES6、Typescrip等转换成ES5，类会转换成函数表达式
基于上面原因，angular中使用forwardRef来解决依赖的先后定义问题（provider声明时用）
OpaqueToken与InjectionToken出现的原因：解决token起名（字符串）的重复问题
InjectionToken相比OpaqueToken的优势：避免用户使用OpaqueToken时忘记new Inject(opaqueTokenName)
在angular中，host代表宿主的意思。宿主代表指令等所在的元素。
指令分为：属性指令与结构指令，一个更改样式，一个更改结构
ngTemplateOutlet就是 ngTemplate出口的意思，它的值对应一个ngTemplate引用
<ng-template> 用于定义模板
<ng-container> 是一个逻辑容器
使用rxjs的防反跳debounceTime
随时记得取消订阅
所谓的模板变量就是指 #child

<child-component #child></child-component>
<button (click)="child.name = childName">设置子组件名称</button>

组件可以继承，但只能继承逻辑部分，像@component定义的元数据不能继承
组件通信的常用方式：@Input、@Output、@ViewChild、模板变量、MessageService、Broadcaster（后两个，本质上都是用的rxjs）
基于 [译] 关于 ExpressionChangedAfterItHasBeenCheckedError 错误你所需要知道的事情的理解：为啥先更新所有子组件或指令的输入属性值，再执行他们的ngOnInit，OnChanges，ngDoCheck等方法呢？答：你不给人家传入参数，人家怎么知道如何初始化等一系列操作。
没有在模板中显示调用组件的，都要记得在entryComponents中声明，以让编译器将其编译。否则编译器会认为其是无用代码。
如果没有在模板中显示调用组件，又没有通过路由的形式实例化，就只能动态创建组件实例了，需要用到ComponentFactoryResolver
可以用<ng-container>进行逻辑分组，又不会产生dom节点