WildBlue

本文深入解析斐波那契数列的JS递归、闭包、动态规划等5种解法，结合自然/金融/游戏场景，用外卖小哥、作弊答案等比喻揭示算法本质，附性能对比与面试陷阱解析。

React的useContext解决props传递难题，通过Context和Provider包裹组件，组件调用useContext获取状态，自定义Hook简化逻辑，适用于主题等场景，需注意性能优化。

useLayoutEffect是React同步钩子，用于精准布局操作（如弹窗居中），在渲染前同步执行。区别于异步useEffect，它可防止页面闪烁。注意避免异步操作等，通过预计算布局优化性能。

CSS动画（transition/transform/animation）性能优于JS动画，推荐使用transform+opacity实现GPU加速，避免频繁DOM操作导致重排。

图片懒加载通过IntersectionObserver异步检测可视区，结合data-original与img.onload实现高效加载，优化性能并支持动态内容，替代传统scroll方案。

流式输出通过SSE实现前后端实时数据推送，前端用`EventSource`接收消息，后端配置响应头并持续发送数据。适用于聊天机器人、实时通知等场景，提升用户体验并降低等待成本。

React事件机制用快递类比： DOM0/2（行内/正规）、事件流（捕获→目标→冒泡）、事件委托（保安代收）、合成事件（外卖平台+事件池回收）、动态节点标识（标签）。

本文系统梳理了异步编程从XHR到async/await的技术演进史，通过快递员、外卖等生活化类比，结合GitHub实战案例与代码注解，帮助新手构建异步思维框架。

Blob处理二进制数据，通过Base64解码为字节数组（Uint8Array），生成Blob对象并创建临时URL实现图片预览。注意释放ObjectURL避免内存泄漏。