T extends interface

??? implements 

class implements interface

class extends class

泛型类

class <T>

推荐写法

泛型类

class <T>

class {

 add: <T>

}

// 3. 泛型对象接口 一
interface addGenericsInterface {
  <T>(arg1: T, arg2: T): T,
}

let addGenerics: addGenericsInterface = add;
// let addGenerics: addGenericsInterface;
// addGenerics = add;

addGenerics<number>(1, 2);
addGenerics<string>(`1`, `2`);
// 或
// addGenerics(1, 2);
// addGenerics(`1`, `2`);

// 3. 泛型对象接口 二
interface addGenericsInterface2<T> {
  (arg1: T, arg2: T): T,
}

let addGenericsNumber: addGenericsInterface2<number> = add;
let addGenericsString: addGenericsInterface2<string> = add;

addGenericsNumber(1, 2);
addGenericsString(`1`, `2`);

javascript中默认包含了null 和 undefined 类型(?)

(意思可能是 把这两个赋值给其他类型都是不报错的 又想了想 这不是废话吗 javascript本来就没有类型检测 任何值都可以赋给其他变量.)

Number(null)            -> 0

Number(undefined) -> NaN

react-dom 之 render 方法
render(被挂载的组件，挂载的节点， 回调函数)

render(<App /> ,document.getElementById(root), () => {
    // 回调方法
    setTimeout(() => {
        // 卸载组件// 走的是生命周期函数 componentWillUmmount(){}
            ReactDOM.unmountComponentAtNode(document.getElementById('root') as HTMLElement);
        // 原生方法
        // ((document.getElementById('root') as HTMLElement).firstChild as HTMLElement).remove();
    }, 2000);
)

componentWillUnmount() {console.log('生命周期函数-----组件准备卸载.....');}

react 渲染机制有2种：
v16 之前用的是 stack， 更新比较慢，遇到大量更新的时候页面会卡顿。
v16 之后用的是 Fiber， 分层对比更新，16ms 之内更新完成，更新效率高

react-dom:
    render()方法：
       作用： 执行render方法 渲染页面， 接收3个参数，渲染的组件，
       当前渲染的组件挂载的节点，第三个参数是一个回调函数，渲染完成之后做的事情，
       所以render 方法是一个异步方法。

HaiYaaa!

ModuleResolution："node" or "classic"

node模式会直接到node_modules查找module，而classic会优先在src目录下查找相应的module？

未理解透彻

14行是 keyof  

20行为什么是 keyof typeof

keyof作用: 

let keys of typeof people

<T, K extends keyof T>

K的类型是T属性的某一个key