11 2021 档案

react进阶第四讲——生命周期
摘要：类组件生命周期 当发现fiber tag = 1时，表示遇到类组件。 /* workloop React 处理类组件的主要功能方法 */ function updateClassComponent(){ let shouldUpdate const instance = workInProgress 阅读全文
posted @ 2021-11-29 08:13 webLion200 阅读(65) 评论(0) 推荐(0)
react进阶第三讲——state
摘要：React 有两个重要阶段，render 阶段和 commit 阶段，React 在调和( render )阶段会深度遍历React fiber树，目的就是发现不同(diff)，不同的地方就是接下来需要更新的地方，对于变化的组件，就会执行render函数。在一次调和过程完毕之后，就到了commit 阅读全文
posted @ 2021-11-29 08:12 webLion200 阅读(202) 评论(0) 推荐(0)
react进阶第二讲——component
摘要：Class组件 在 class 组件中，除了继承 React.Component ，底层还加入了 updater 对象，组件中调用的 setState 和 forceUpdate 本质上是调用了 updater 对象上的 enqueueSetState 和 enqueueForceUpdate 方法 阅读全文
posted @ 2021-11-29 08:11 webLion200 阅读(248) 评论(0) 推荐(0)
react进阶第一讲-jsx
摘要：createElement React.createElement( type, [props], [...children] ) 第一个参数：如果是组件类型，会传入组件对应的类或函数；如果是 dom 元素类型，传入 div 或者 span 之类的字符串。 第二个参数：一个对象，在 dom 类型中为 阅读全文
posted @ 2021-11-29 08:10 webLion200 阅读(59) 评论(0) 推荐(0)
mysql基本操作
摘要：启动MySQL服务器 net start MySQL80 或 mysqld --datadir="C:\ProgramData\MySQL\MySQL Server 8.0\Data" 停止MySQL服务器 net stop MySQL80 启动MySQL客户端 mysql -hlocalhost 阅读全文
posted @ 2021-11-14 18:12 webLion200 阅读(16) 评论(0) 推荐(0)
http基础
摘要：UDP UDP是面向无连接的网络传输协议。通信都不需要，所以具有不可靠性。由于它的不可靠性，不用保证数据的有序完整，所以它又具有高效性。 TCP三次握手 客户端首先向服务端发送一个带有SYN的请求（第一次握手）；服务端收到请求后返回带有SYN/ACK的响应（第二次握手）；客户端收到响应后再返回一个带 阅读全文
posted @ 2021-11-12 08:08 webLion200 阅读(89) 评论(0) 推荐(0)
泛型
摘要：泛型变量 function identity<T>(arg: T): T { return arg } function loggingIdentity<T>(arg: T[]): T[] { console.log(arg.length) return arg } 泛型函数 loggingIden 阅读全文
posted @ 2021-11-10 13:18 webLion200 阅读(50) 评论(0) 推荐(0)
随笔
摘要：as is as 是类型断言 let someValue: any = 'this is a string' let strLength: number = (someValue as string).length is 用于类型保护 function isString(test: any): te 阅读全文
posted @ 2021-11-10 13:18 webLion200 阅读(18) 评论(0) 推荐(0)
函数
摘要：函数类型 书写完整函数类型 函数类型包含两部分：参数类型和返回值类型。 let myAdd: (x: number, y: number) => number = function(x: number, y: number) { return x + y } 推断类型 在赋值语句的一边指定了类型但是 阅读全文
posted @ 2021-11-10 13:17 webLion200 阅读(23) 评论(0) 推荐(0)
接口
摘要：属性检查 类接口带有几个确定的属性，同时还会带有其他不确定的属性时，可如下定义： interface SquareConfig { color?: string width?: number [propName: string]: any } 使用类型断言（as）跳过检查 let mySquare 阅读全文
posted @ 2021-11-10 13:17 webLion200 阅读(29) 评论(0) 推荐(0)
类
摘要：继承 class Animal { move(distance: number = 0) { console.log(`Animal moved ${distance}m.`) } } class Dog extends Animal { bark() { console.log('Woof! Wo 阅读全文
posted @ 2021-11-10 13:16 webLion200 阅读(44) 评论(0) 推荐(0)
基础类型
摘要：布尔值 let isDone: boolean = false 数字 let decLiteral: number = 20 let hexLiteral: number = 0x14 let binaryLiteral: number = 0b10100 let octalLiteral: num 阅读全文
posted @ 2021-11-10 13:15 webLion200 阅读(39) 评论(0) 推荐(0)