TCP三次握手与四次挥手 TCP 基础知识TCP 是面向连接的、可靠的、基于字节流的传输层通信协议。 TCP 连接是用于保证可靠性和流量控制维护的某些状态信息的组合,包括 Socket、序列 号和窗口大小 TCP 四元组可以唯一的确定一个连接:源地址、源端口、目的地址、目的端口 三次握手建立连接术语seq(sequence number),通过 sequence initial algorithm 随机生成的ack(ack 2024-01-25 computer network > 网络协议 #网络协议
mini-react学习总结 前言本文是我参与崔大发起的“mini-react 游戏副本”完整课程后的思路总结、技巧收获总结以及心得感悟。 思路总结重在阐述解决的问题和实现的大致思路,具体代码和详细的工作流程解释可见https://github.com/hugtyftg/mini-react。 技巧收获重在分享令我醍醐灌顶的方法和技巧。 心得感悟重在记录我在整个学习过程中的感受和自我审视。 mini-react 实现思路总结j 2024-01-21 react > mini-react #react #useState
useImperativeHandle useImperativeHandle 和 ref 转发useImperativeHandle 可以让你在使用 ref 时自定义暴露给父组件的实例值,应当与 forwardRef 一起使用,实现 ref 转发 我们获取类组件实例后,可以直接调用实例上的方法! 123456789101112131415161718192021import React, { useEffect, useRe 2023-06-21 react > hooks #react #useImperativeHandle
useRef深层剖析 useRefref 使用场景通常,当你的组件需要“跳出” React 并与外部 API 通信时,你会用到 ref —— 通常是不会影响组件外观的浏览器 API。以下是这些罕见情况中的几个: 存储 timeout ID 存储和操作 DOM 元素,涉及非受控组件。赋值给标签,目的是获取 DOM 元素;赋值给类组件,目的是获取组件的实例; 存储不需要被用来计算 JSX 的其他对象。 如果你的组件需要 2023-06-19 react > hooks #react #useRef
useLayoutEffect深层剖析 useLayoutEffect使用useLayoutEffect 函数签名与 useEffect 相同,但它会在所有的 DOM 变更之后同步调用 effect。 可以使用它来读取 DOM 布局并同步触发重渲染。 在浏览器执行绘制之前,useLayoutEffect 内部的更新计划将被同步刷新。 尽可能使用标准的 useLayoutEffect 以避免阻塞视觉更新。 1234567891011121 2023-06-17 react > hooks #react #useLayoutEffect
useState深层剖析 useState作用:在函数组件中使用状态,修改状态值可让函数组件更新,类似于类组件中的 setState 语法: const [state, setState] = useState(initialState); 返回一个 state,以及更新 state 的函数 seXXX(value)修改状态值为 value,并通知视图更新。注意,不同于类组件 setState 的部分更新语法,而 2023-06-14 react > hooks #react #useState
react hooks简介 React 组件回顾函数组件特点 不具备“状态、ref、周期函数”等内容,第一次渲染完毕后,无法基于组件内部的操作来控制其更新,因此称之为静态组件! 但是具备属性及插槽,父组件可以控制其重新渲染! 渲染流程简单,渲染速度较快! 基于 FP(函数式编程)思想设计,提供更细粒度的逻辑组织和复用! 纯函数组件,无法改状态 类组件特点 具备“状态、ref、周期函数、属性、插槽”等内容,可以灵活的控制组件 2023-06-01 react > hooks #react #hooks