卯辰巳

简介 当我们说前端性能优化的时候，指的可能是不同场景的性能优化。前端涉及性能优化的场景主要有： 项目构建性能优化 页面性能优化 加载时性能优化 运行时性能优化 构建性能主要指构建速度，优化方法和打包工

fiber架构 fiber架构是为了支持react进行可中断渲染，降低卡顿，提升流畅度。 react16之前的版本，diff虚拟dom时候是一口气完成的。这可能造成卡顿，因为人眼可识别的帧率是1s 6

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e5c3bad7915745fcbebc96c4059c6e58~tplv

useReducer 是 useState 的升级版本，用来践行 Redux 的思想 使用 useReducer 代替 Redux 使用 createContext/useContext 模拟 Red

组件通信方式总结 组件间的关系: .父子组件 兄弟组件(非嵌套组件) 祖孙组件(跨级组件) 几种通信方式: 1.props (1).children props (2).render props 2.

TS 带有配置文件 tsconfig.json。VSCode 会自动读取 tsconfig.json 中的配置，让 vscode 知道 @ 就是 src 目录 核心代码 path.tsconfig.j

JS任务和事件循环:运行机制总结 js优先执行同步任务,然后执行微任务,最后执行宏任务中的异步任务, 如下图:

开发中实用的五个Git命令: stash: 存储临时代码. reset --soft: 软回溯,回推commit的同事保留修改内容. cherry -pick: 复制commit. revert: 撤

通过React的lazy函数配合import()函数动态加载路由组件===>路由代码会被分开打包 通过指定在加载得到路由打包文件前显示一个自动以loading界面