React useEffect 依赖数组与闭包陷阱
useEffect 的 bug 大多来自「回调捕获了旧值」,而不是依赖数组写少了。本文用定时器、请求竞态与函数依赖三个例子说明依赖数组的判定方法,并给出清理函数与 useCallback 的稳定写法。
useEffect 的 bug 大多来自「回调捕获了旧值」,而不是依赖数组写少了。本文用定时器、请求竞态与函数依赖三个例子说明依赖数组的判定方法,并给出清理函数与 useCallback 的稳定写法。
Composition API 让逻辑可以按功能抽成组合函数,但 ref 与 reactive 混用、watch 清理不彻底、跨组件共享状态随意放置,都会带来隐性 bug。本文用一个轮询组合函数说明状态该放哪一层、副作用何时必须清理。
首屏慢往往不是 JS 太重,而是图片太大、字体阻塞渲染。本文按「先测量、再优化」的顺序,给出图片格式与尺寸、font-display、关键 CSS 与布局稳定性的具体做法。
没有 Vue 和 React 的项目,同样可以把交互写清楚。本文用事件委托统一处理动态元素、用幂等标记避免重复绑定,并给出小模块之间的自定义事件通信方式。