陈隐官

背景 业务需求：陈年企业级四不像大项目--->vue3+vite 原有项目：angular魔改的vue angular作为外层框架，都是AMD的，打包工具是grunt，内层页面和组件都是vue.ext

背景 因业务原因作为一个纯前端的我梭哈了一次从应用的全生命周期 技术栈 选型部分不展开讲了，我只能说除了官网看不到社区任何的实践包括视频 strapi+graphql：提供服务 nestjs+apol

设计理念 react的设计理念：践行快速响应 制约快速响应的因素是：CPU的瓶颈与IO的瓶颈 那么react是如何解决这两个瓶颈的呢？ CPU的瓶颈 当处理器速度不足以处理和传输数据时 ， 就会发生

```js let isMount = true; let workInprogressHook = null; // 工作的任务链表，指针指向当前处理的hook const fiber = { st

防抖函数 定义：当持续触发事件，一定时间内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时 截流函数 定义：当持续触发事件的时候，保证一段时间内，只调

简介 webpack是一个模块打包工具，作用是处理依赖，模块化，打包压缩文件，管理插件 Entry：入口 string-->./src/index.js"：单入口，打包生产一个chunk,输出一个bu

pont简介 一种前端提效工具，可根据Swagger在前端项目自动生成接口文件夹，结合插件，在接口传参和返回值都有相应提示，自动接入mocks开发也比较方便，内含通用的fetch或hooks请求，也可

优先使用 useEffect，因为它是异步执行的，不会阻塞渲染 useLayoutEffect和componentDidMount是等价的，会同步调用，阻塞渲染 会影响到渲染的操作尽量放到 useLa

useMemo 用来缓存数据 ，避免不必要的重新渲染 useCallback 用来缓存函数，这个函数如果是由父组件传递给子组件，或者自定义hooks里面的函数，这时候我们可以考虑缓存这个函数，好处：