06 2021 档案
摘要:流程 react在diff之后,会进入commit阶段,将新生成的虚拟DOM发生的变化映射到真实DOM上 在commit的前期,会调度一些生命周期方法,对于类组件来说,会触发getSnapshotBeforeUpdate。对于函数组件来说,会调度useEffect。 但是并不是立即执行,在此阶段,会
阅读全文
摘要:hook组件初渲染 hooks组件在初次渲染时, 解析组件类型,判断是Function还是class类型,然后执行对应类型的处理方法 判断到当前是Function类型组件后,首先在当前组件,也就是fiberNode上进行hook的创建和挂载,将所有的hook api都挂载到全局变量dispatche
阅读全文
摘要:当更改代码时,浏览器请求了这两个文件。如下例: json文件中的c表示更新的模块,对应的值为true h对应的是本次热更新生成的hash值,这将作为下次热更新的标识 本次修改的代码,重新打包编译之后,在文件中,重新请求了useEffect需要请求的接口 热更新实际上就是通过webSockets,将服
阅读全文
摘要:初始化阶段 参数处理 合并默认参数和配置参数 校验配置 合并最终配置 创建compiler对象 处理用户定义的plugins 调用plugin的apply 调用new WebpackOptionsApply().apply 处理webpack内置插件 注入EntryOptionPlugin插件,处理
阅读全文