摘要: 只讲解新版本context,v16.3以后版本 类组件和函数组件只在consumer上有区别。 const ThemeContext = React.createContext(null) // 主题颜色Context const theme = { //主题颜色 dark:{ color:'#18 阅读全文
posted @ 2021-12-10 11:12 webLion200 阅读(50) 评论(0) 推荐(0) 编辑
摘要: ref对象的创建 类组件 React.createRef class Index extends React.Component{ constructor(props){ super(props) this.currentDom = React.createRef(null) } component 阅读全文
posted @ 2021-12-06 09:38 webLion200 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 类组件生命周期 当发现fiber tag = 1时,表示遇到类组件。 /* workloop React 处理类组件的主要功能方法 */ function updateClassComponent(){ let shouldUpdate const instance = workInProgress 阅读全文
posted @ 2021-11-29 08:13 webLion200 阅读(54) 评论(0) 推荐(0) 编辑
摘要: React 有两个重要阶段,render 阶段和 commit 阶段,React 在调和( render )阶段会深度遍历React fiber树,目的就是发现不同(diff),不同的地方就是接下来需要更新的地方,对于变化的组件,就会执行render函数。在一次调和过程完毕之后,就到了commit 阅读全文
posted @ 2021-11-29 08:12 webLion200 阅读(170) 评论(0) 推荐(0) 编辑
摘要: Class组件 在 class 组件中,除了继承 React.Component ,底层还加入了 updater 对象,组件中调用的 setState 和 forceUpdate 本质上是调用了 updater 对象上的 enqueueSetState 和 enqueueForceUpdate 方法 阅读全文
posted @ 2021-11-29 08:11 webLion200 阅读(211) 评论(0) 推荐(0) 编辑
摘要: createElement React.createElement( type, [props], [...children] ) 第一个参数:如果是组件类型,会传入组件对应的类或函数;如果是 dom 元素类型,传入 div 或者 span 之类的字符串。 第二个参数:一个对象,在 dom 类型中为 阅读全文
posted @ 2021-11-29 08:10 webLion200 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 启动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 阅读(7) 评论(0) 推荐(0) 编辑
摘要: UDP UDP是面向无连接的网络传输协议。通信都不需要,所以具有不可靠性。由于它的不可靠性,不用保证数据的有序完整,所以它又具有高效性。 TCP三次握手 客户端首先向服务端发送一个带有SYN的请求(第一次握手);服务端收到请求后返回带有SYN/ACK的响应(第二次握手);客户端收到响应后再返回一个带 阅读全文
posted @ 2021-11-12 08:08 webLion200 阅读(52) 评论(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 阅读(40) 评论(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 阅读(13) 评论(0) 推荐(0) 编辑