ETA8

手写 React Keep-Alive，使用 useState + display 缓存组件状态，实现 Tab 切换不丢失 count、表单等数据，提升性能与用户体验。

NestJS+React+Zustand 全栈开发学习笔记 本文基于实际项目代码片段，系统梳理全栈开发中涉及的核心知识点，包括 React 钩子使用规则与 Zustand 状态管理技巧、DTO 数据传

借助浏览器原生 Intersection Observer，实现高效无限滚动与图片懒加载，告别 scroll 监听，构建流畅、省流、低耗的长列表体验。

别看它没有数组那么“整齐划一”，但一旦你掌握了它的节奏，就能在 LeetCode 上如鱼得水，甚至亲手“造个轮子”出来！

如果你做的是： 用户头像上传 文章封面图 / 缩略图 AI 生成图片 / 文件下载 那么你一定绕不开： 一、先分清：动态资源 vs 静态资源 这是后端初学者最容易混淆的地方。 1️⃣ 动态资源（Dyn

在追求极致体验的今天，状态的连续性已成为高质量应用的标准配置。善用 `KeepAlive`，让你的应用更流畅、更人性化。

一、Post List 是 UI 问题，还是数据问题？ 在很多博客 / 社区 / AI 内容产品中，都会有一个核心页面： 表面上它是一个 UI： 卡片列表 分页 点赞数 / 评论数 / 标签 但工程上

防抖与节流是前端性能优化核心技巧。防抖：高频触发只执行最后一次，适用于搜索联想；节流：固定时间执行一次，适用于滚动加载。二者均依赖闭包与定时器实现，有效控制函数执行频率。

React 状态管理与网络请求实战笔记：Zustand + Axios 深度解析 在 React 项目开发中，状态管理与网络请求是两大核心模块。 Zustand 作为轻量级状态管理库，以简洁的 API