小豆腐拌葱

前言 先说一下为什么要写一篇关于react生态下nextjs的相关文章。 其实也发现了，目前互联网整个行业的生态和环境已经不再是曾经的那种“风口”处了。 我这里不止说的前端...

手写 Promise 是很多大厂常考的题目，但网上的文章多数只给结果，不讲解原由，整的我很懵。因此这里我从 PromiseA+ 规范开始，了解 Promise 具体的行为准...

最近面试，useEffect 被拷打懵了，特地整理一下。 先回顾一下 useEffect 这个钩子： effect：副作用函数，返回值会在组件卸载时执行，一般是事件取消逻辑...

对象深拷贝的几个问题：如何区分简单类型与引用类型，如何获取对象的所有直接属性，如何深拷贝对象的属性。...

说明 setInterval 缺陷之前，需要了解两个重要的前置概念： JS是单线程的。 浏览器事件循环机制。...

浏览器持久化技术，包括：cookie，sessionStorage，localStorage。还有一种较为前卫的 indexDB。...

浏览器输入一个网站到解析的过程？1. 获取IP地址并建立连接 2. 向服务端请求资源 3. 构建渲染树...

useDeferredValue 允许我们延迟渲染不紧急的部分，具体延迟多久不确定，与 useTransition 相同，不会阻塞用户操作。...

React18 新增了 concurrent 渲染模式。useTransition 可以触发低优先级的任务，如果有高优先级任务进入，则会暂停...

useMemo 是 Vue 中需要手动指定依赖的 computed useCallback 只能缓存函数，useMemo 可以缓存计算结果。...

useCallback 一般用于缓存函数，它有两个参数: callback: 要缓存的函数 deps: 依赖数组 mountCallback...

React 的更新过程中如果发现某个节点需要更新，React 会完全构建一棵新的子 Fiber 树替换原来的树结构，即使子节点其实不需要更新，memo 可以解决这个问题...

useId 实现原理和 useRef 相同。 一个非常简单帮助我们生成唯一 `id` 并持续保有的钩子。...

useImperativeHandle 允许我们自定义 forwardRef 中向外暴露的 ref，它的函数声明为： ref: forwardRef 的第二个参数 init...

useRef 的作用是保存一个不会被重新渲染的任意类型变量。通过 ref.current 可以获取该变量。 mountRef/updateRef useRef 的两个实现都...

useSyncExternalStore 适用于订阅非 react 组件的外部状态的，它的使用方式如下: 三个参数分别为: subscribe: 订阅函数，返回一个取消订阅...

useContext 并不是一个标准的钩子，他不会在 FiberNode 上创建 Hook 对象，同时他也不会直接导致Fiber树更新...

useInsertionEffect 是用于解决动态注入 CSS-in-JS 生命周期问题的副作用钩子...

useLayoutEffect 用于在 commit 阶段 DOM 挂载后执行副作用。此时可以获取完整的 DOM，但它会触发一个阻塞的同步任务。...