全栈项目学习日记

图片懒加载按需加载非首屏图片，提升首屏速度、节省带宽。传统用 scroll + 节流，现代推荐 IntersectionObserver，性能更优、代码简洁，是电商资讯类页面的必备优化手段。

手写 React KeepAlive 组件，用缓存和 display 显隐控制保留状态，避免卸载。适用于 Tab 切换等场景，提升性能与体验，核心基于 useState 与 useEffect 实现。

本文详细讲解搭建 React + TS + Vite 博客前端骨架，集成 shadcn/ui、Tailwind CSS 与路由懒加载，夯实全栈开发基础。