- 博客(8)
- 收藏
- 关注
RSS订阅原创 React 命名规范与 CSS Modules 实战指南：优雅解决样式管理难题
React 样式管理指南：从 className 规范到 CSS Modules 实战 本文系统介绍 React 中的样式管理方案，重点解析 className 命名规范和 CSS Modules 技术。内容涵盖：React 使用 className 而非 class 的原因；语义化、统一化的命名原则；动态类名的优雅实现（模板字符串和 clsx 库）；CSS Modules 的隔离原理与完整使用流程；以及该技术的优缺点分析。通过命名规范与模块化技术的结合，有效解决样式冲突、提升代码可维护性，为团队协作提供标
2026-01-14 10:26:37
1285
原创 企业级 React + Ant Design Pro Request 封装：从实现到优化的全解析
本文详细解析了企业级React项目中基于Ant Design Pro和umi-request的请求封装方案。文章围绕稳定性、易用性和扩展性三大目标，提出了一套完整的请求工具封装策略，包括类型安全设计、异常处理体系、认证状态管控等核心模块。通过分层架构设计，实现了从基础配置到业务扩展的全链路规范化，特别针对网络错误、Token过期、分页格式等常见问题提供了解决方案。该方案强调类型系统约束和异常分类处理，可显著提升项目健壮性和开发效率，适用于中大型前端项目的请求管理需求。
2026-01-05 18:04:27
816
原创 面试必懂：流式数据前端渲染全指南（SSE/WebSocket+逐段渲染+问题兜底）
摘要： 流式数据前端渲染技术（如SSE/WebSocket）通过分批次推送和逐段渲染，显著提升实时场景（AI对话、日志、行情等）的用户体验。技术选型需根据场景需求：SSE适合单向推送（轻量、自动重连），WebSocket适用于双向交互。核心实现包括服务端配置长连接与分块数据推送，前端通过EventSource监听、内存缓存拼接和增量DOM更新优化性能。异常处理需实现断点续传和有限重试机制，确保稳定性和资源释放。本文从原理到实战完整解析流式渲染，兼顾开发落地与面试应答逻辑。
2026-01-05 11:12:27
1524
原创 React+Antd Pro实现AI对话：优雅接收后端流式输出
在React函数组件中，定义对话列表、输入内容、加载状态等核心状态，同时用useRef// 类型声明（可选）// 对话列表：符合Pro Chat组件的消息格式要求{ content: '你好！我是AI助手，请问有什么可以帮你？]);// 用户输入内容// AI回复加载状态（控制输入框禁用、加载动画）// 保存AbortController实例，用于取消未完成的流式请求// 清空对话逻辑// 取消未结束的流式请求，避免内存泄漏}, []);。
2025-12-30 18:37:09
996
原创 深入理解前端window对象
本文全面解析前端开发中的核心对象window，涵盖其核心作用、常用属性和方法、典型应用场景及注意事项。作为浏览器环境下的全局对象，window既是BOM顶层入口，也是DOM访问桥梁，提供全局作用域和事件监听能力。文章详细介绍了窗口控制、定时器、弹窗交互等常用功能，并列举了页面加载、响应式布局、滚动监听等实际应用案例。同时强调了避免全局污染、及时清除定时器等开发注意事项，帮助开发者安全高效地使用window对象。
2025-12-29 10:04:22
810
原创 Zustand 完全指南：轻量高效的React状态管理方案
Zustand是一个轻量高效的React状态管理库，具有极简API、无Provider设计、精准订阅和优秀TypeScript支持等特点。它通过create函数创建状态容器，支持同步和异步操作，并能通过选择性订阅优化性能。Zustand还提供中间件扩展能力，适用于复杂场景如异步请求和多Store拆分，是Redux等传统方案的现代轻量替代品。
2025-12-28 16:10:07
893
原创 CSS Sprites 全解析：从原理到实战的前端性能优化方案
CSS Sprites 直译“CSS 精灵”，本质是一种图片合并与定位技术。其核心思路是：将网页中分散使用的多个小图标、小背景图（如按钮图标、导航标识、状态提示图等），整合到一张单独的大图中；再通过 CSS 的引入这张大图，配合属性精确“截取”大图中的特定区域，从而在页面上只显示目标小图。用一个形象的比喻理解：合并后的大图如同一张“图标拼图”，每个小图标都是拼图的一块，CSS 负责告知浏览器“需展示哪一块”，浏览器便仅渲染对应区域而非整张图。
2025-12-26 11:45:27
998
原创 前端刷题路线
本文系统梳理了前端开发核心技术体系，涵盖HTML/CSS/JavaScript基础、ES6+新特性、TypeScript、Vue/React框架及其生态工具。重点解析了组件化开发、状态管理、路由实现、工程化构建等进阶内容，详细介绍了Webpack配置优化、Node.js服务端开发以及前端性能优化策略。文章完整呈现了现代前端开发的技术栈全景，包括基础语法、框架应用、工具链集成和性能调优等关键环节，为开发者提供了一套完整的前端技术学习路径和工程实践指南。
2025-12-24 11:18:48
856
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人