专精 js

node 开发中，每个路由的处理函数都是一个中间件 一个路由可以有多个中间件，中间件在底层可以理解成一个数组，执行顺序是按照顺序执行的 这些中间件是按照顺序保存在数组中 middlewares，每次请

jest jest 需要配合 git 使用，因为 jest 会检测 git 的提交记录，然后运行相关的测试用例。 运行 jest --watch 时，终端会有一下提示： 按 a 运行所有测试用例 按

项目中经常使用 sessionStorage 或者 localStorage，在习惯了 react hooks 写法之后，就会思考如何用 hooks 封装 sessionStorage 和 local

用浏览器来模拟小程序的运行环境，实现一个在浏览器端运行的小程序框架 用 main.html 模拟原生客户端 用 iframe 模拟 webview（渲染线程） 用 worker 模拟 jscore（逻

工具安装 node 版本管理工具 nvm 是 node 版本管理工具 安装 nvm 安装完 nvm 之后将下面这段写入 ~/.profile 文件中，然后重启终端或者 source ~/.profil

最近在学 nestjs，发现里面有很多装饰器，实现依赖注入的效果 作为前端开发，基本不会用到装饰器，所以刚开始学习时，对装饰器的作用就不了解，决定学习一下它 装饰器 装饰器是 ts 的一个特性，可以在

useEffect 是异步执行，不阻塞渲染，useLayoutEffect 是同步执行，会阻塞渲染。

useState 其实是对 useReducer 的封装，他们内部逻辑基本一致，学会了 useReducer 也就学会了 useState

Fiber 架构下的 DOM Diff 过程：新的虚拟 DOM -> 新的 Fiber 节点 -> 真实 DOM -> 挂载到容器节点

初始渲染时，`commitWork` 其实只处理了两个 `Fiber`：`RootFiber` 和 `RootFiber.child`

react 中组件缓存的两种方式： 使用 memo 缓存子组件 使用 useMemo 缓存组件 这两种方式的区别是： memo 是通过比较 prevProps 和 nextProps 是否相同来决定是

通过 react 合成事件的学习，学习 react 对于事件系统的分层设计，它将不同类型的事件做成了插件，每个插件提供注册事件和提取事件两个接口，插件自身去实现事件的注册和事件提取

4 张图带你深入了解 fiber 执行过程： completeWork 和 beginWork。

在completeWork工作前，beginWork只运行了一次，它主要做的事情:1.从虚拟DOM中取出第一个节点2. 将div.first节点转换成fiber，将fiber和它的父fiber关联

ai 回答不靠谱时，如何提取有用信息帮助自己解决问题。fetch，axios，ajax 发起的请求如何获取响应头

渲染的三个阶段：beginWork对应虚拟DOM转成fiber树的过程；completeWork对应fiber树转转成真实的DOM树的；commitWork真实的DOM树挂载到页面上的过程

hooks 本质将你传入的函数，数据保存到 states 中，然后组件执行时，拿到 hooks 对应的 state，通过对比 preState 和 newState 是否相等，决定是否执行

PureComponent 和 memo 都是用来优化性能的，它们都是对 props 进行浅比较，如果 props没有变化，就不会重新渲染，PureComponent 用于类组件，memo用于函数组件

你知道 componentDidMount 和 componentDidMount 内部是怎么实现的吗

react 更新时高效的 diff 算法实现，如何找到 newDom 和 oldDom 之间的差异，并只更新差异