xiaoxue_

深入讲解 React Router 的核心概念与实战技巧，涵盖动态路由、权限控制、懒加载及工程化拆分，助你构建高性能 SPA 应用。

本文以前端开发者视角，手把手教你用 NestJS 搭建待办事项 API，轻松掌握模块化架构、装饰器与依赖注入三大核心理念。

基于 shadcn/ui 与 Embla Carousel 插件，实现支持自动播放、指示器同步、循环滚动的高性能轮播图，兼顾用户体验与工程最佳实践。

手把手教你理解 JWT：从 Mock 接口到前端拦截器的全流程实战 在现代全栈开发中，JWT（JSON Web Token） 几乎已成为身份认证的事实标准。

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

详解 React 组件缓存原理与实现，对比手写方案与 react-activation 库，解决路由切换状态丢失、滚动位置重置等痛点。

通过分离短期 Access Token 与长期 Refresh Token，实现用户无感知续期，既降低安全风险，又保障流畅体验，适用于现代全栈应用。

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

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