ZONE.CI 全球网

1. 基本概念（1）索引访问类型（2）索引签名（3）联合类型（4）keyof 类型运算符（5）元组类型（6）条件类型2. 映射类型（1）初体验（2）概念（3）实

1. Partial2. Required3. Readonly4. Pick5. Record6. Exclude7. Extract8. Omit9. Re

1. 泛型语法2. 在函数中使用泛型（1）分配泛型参数（2）直接传递类型参数（3）默认类型参数（4）类型参数约束3. 在接口、类和类型中使用泛型（1）接口和类中

泛型工具类型映射类型高级类型tsconfig类型兼容性

一、接口定义二、接口属性1. 可选属性2. 只读属性3. 多余属性检查(1) 使用类型断言(2) 添加索引签名三、接口使用1. 定义函数类型2. 定义索引类型四

一、类的概念1. 类的使用2. 类的继承二、类的修饰符1. 访问修饰符（1）public（3） protected2. 只读修饰符三、类的类型1. 属性类型（1

1. 函数类型定义（1）直接定义（2）接口定义（3）类型别名定义2. 函数参数定义（1）可选参数（3）默认参数（3）剩余参数3. 函数重载在 JavaScrip

1. 数字枚举2. 字符串枚举3. 反向映射4. 异构枚举5. 常量枚举6. 枚举成员类型和联合枚举类型（1）枚举成员类型（2）联合枚举类型7. 枚举合并枚举类

一、简单基础类型1. number2. string3. boolean4. null和undefined5. bigInt6. symbol（1）symbol

一、为什么要使用TypeScript？1. TypeScript 的类型系统（1）JavaScript 即 TypeScript（2）类型可以是隐式的（3）类型

快速入门数据类型枚举类型函数类型类类型接口类型

基础篇进阶篇

1. React 渲染流程（1）协调（2）渲染（3）挂载（4）更新（5）卸载
1. React 渲染流程在说React的渲染流程之前，先来看一个在渲染流程中绝对

1. 有状态组件和无状态组件（1）概念（2）示例（3）PureComponent（4）React.memo2. 高阶组件（1）基本形式（2）抽取共同逻辑（3）高

1. 纯函数2. 纯函数组件3. 使用场景
1. 纯函数所谓纯函数，它是这样一种函数：即相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用。
从纯函数

1. 父传子通信2. 子传父通信3. 父子组件通信案例4. React中的”插槽”5. 跨级组件通信6. 非嵌套组件通信（1）Hooks（2）Redux（3）发

1. React生命周期概览2. 组件挂载阶段（1）constructor（2）getDerivedStateFromProps（3）render（4）comp

一、什么是组件化二、React组件化1. 类组件2. 函数组件
一、什么是组件化在处理一个复杂的问题时，我们逻辑思维能力是有限的，不太可能一次性搞定所有的内容，

一、开发前的准备1. 开发环境2. 开发工具3. 开发依赖二、React脚手架三、创建React项目四、React初体验五、初识JSX1. 什么是JSX2. 为

1. 定义组件接口（1）设计原则（2）组件的划分（3）按照数据边界来分割组件（4）state 的位置（5）组件 props 的设计2. 组件内部实现（1）初始化

1. React Hooks诞生之前（1）类组件（2）函数组件（2）特点（3）使用场景（4）使用规范3. useState：维护状态（1）基本使用（3）独立性（

1. 不要改变 hooks 的调用顺序3. 不要使用旧的状态2. 不要创建旧的闭包4. 不要忘记清理副作用5. 不要在不需要重新渲染时使用useState6.

一、组件声明1. 类组件2. 函数组件二、React内置类型1. JSX.Element2. React.ReactElement3. React.ReactN

1. 内联样式2. CSS样式表3. CSS模块4. styled-components（1）基本使用（2）样式嵌套（3）组件传参（4）样式组件的class（5

1. 构建应用程序2. 实现页面组件3. 重构页面组件（考虑性能）4. 实现国家列表组件5. 重构国家列表组件（考虑性能）6. 实现选定国家组件7. 实现页面主