🎨 react typescript

about/version.md

@@ -29,3 +29,5 @@
 > 2019-08-01 添加 🆕 工具集合 收集一些常用的网站
 
 > 2019-08-03 添加 🆕 工具浏览器 新加控制台对象复制功能
+
+> 2019-08-12 添加 🆕 前端知识汇总 增加 typescript react 知识点

advance/egg.md

@@ -1,24 +1,24 @@
 # egg
 
-plugin
+## plugin
 
-service
+## service
 
-controller
+## controller
 
-public
+## public
 
-config
+## config
 
-schedule：计划任务
+## schedule：计划任务
 
-国际化
+## i18n 国际化
 
 i18n={
 defaultLocal:'zh-CN'
 }
 
-扩展属性-
+### 扩展属性-
 
 npm i egg-scripts --save
 

web/react.md

@@ -179,6 +179,12 @@ import {Consumer} from '../context.js';
 1.  useContext 接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值
 1.  useLayoutEffect： useEffect 相同，但它会在所有的 DOM 变更之后同步调用 effect
 
+## React v17.0
+
+1. React 17 的版本是非比寻常的，因为它没有添加任何面向开发人员的新功能。而主要侧重于「升级简化 React 本身
+1. 更改事件委托
+1. 更改事件委托
+
 ## react-router4
 
 1.  所有组件更改为从 react-router-dom 导入

web/typescript.md

@@ -25,6 +25,27 @@ any：任何类型
 void：不需要返回值 function
 ```
 
+## Record
+
+1. ts 文档上对 Record 的介绍不多，但却经常用到，Record 是一个很好用的工具类型
+
+```typescript
+type person = {
+    prop1: string;
+    prop2: string;
+    prop3: string;
+};
+
+type someProps = Record<12 | keyof person, string>;
+
+let newPerson: someProps = {
+    prop1: '111',
+    prop2: '222',
+    prop3: '444',
+    12: 'asdad'
+};
+```
+
 ```typescript
 let a = 13; //默认number
 let a; // any
@@ -33,9 +54,9 @@ let a: string | number = 12; //string number 都可以
 let arr: number[] = [1, 2, 3]; //array 是number
 let arr: any[] = ['svb', 12, false]; //any
 
-let point: {x: number; y: number; z?: number};
-point = {x: 12, y: 30};
-point = {x: 12, y: 30, z: 99};
+let point: { x: number; y: number; z?: number };
+point = { x: 12, y: 30 };
+point = { x: 12, y: 30, z: 99 };
 ```
 
 ### 外部引用第三方库
@@ -128,7 +149,7 @@ object: function get() {
 }
 let {
     code: guname,
-    price: {price2}
+    price: { price2 }
 } = get();
 console.log(guname);
 console.log(price2);