前端wsw

安装 yarn add react-router-dom 引用 路由传参 params传参 <Link className="nav" to={/b/child2?age=20&name=zhangs

受控组件和非受控组件 一般针对与表单组件，非受控就是不受程序员控制，受控是需要程序员进行一个赋值如 <input value="" onChange={inputChange}/> 需要手动将值赋值

关于useState 组件状态的更新是异步的，我们不能在更改状态的函数执行以后不能立刻同步得到更新后的值 想立刻拿到最新状态要用，useEffect/useLayoutEffect 对于useStat

createApp实现 创建vnode const vnode = createVNode(rootComponent); 调用render渲染vnode render(vnode, rootCont

虚拟dom 虚拟dom是利用js对象去表示真实dom vue3首先利用render函数把真实dom转换成虚拟dom,然后挂载到dom，最后浏览器显示 组件更改 vue重新调用render函数，创建新的

this指向 this本质是一个变量，指向保存在堆中的某个对象的数据 this的指向遵循四个规则，由高到低分别是

图片懒加载自定义指令 利用IntersectionObserver去做图片懒加载监听 监听方法对比 MutationObserver和IntersectionObserver都是Web API中的观察

自定义进度条组件 把组件模板通过转换成虚拟dom，再挂载到body中 路由前置和后置守卫分别触发组件暴露出来的方法 组件模板及方法 转虚拟dom并挂载 工具类util

安装后pinia 手写持久化插件 利用localStorage作持久化，也可以使用cookie 配置pinia 持久化函数。思路，默认取值更新state,修改state则重新把整个state更新存储