React Hooks 最佳实践：提升你的React开发技能

详细记录将博客系统中自定义正则表达式解析器重构为基于remark的成熟方案的完整过程，包含技术选型分析、实现细节、问题排查和Playwright验证，为同类项目提供实战参考。

本文详细记录了在 Next.js 博客项目中，针对详情页加载慢、主线程阻塞等性能瓶颈，通过将 Markdown 解析迁移到构建/服务端阶段，实现性能大幅提升的全流程分析和真实优化效果。包括问题发现、技术对比、实施过程、遇到的难题和最终成效对比。

记录MermaidFlow项目中右侧Mermaid预览区域高度不匹配的完整调试过程。从使用Playwright进行页面检查、错误的初始判断，到最终精确定位iframe固定高度问题并实施修复的技术实战经验。

记录一次因为混淆开发模式和生产模式导致的性能测试"乌龙"事件，深入分析 Next.js 中 dev 模式与 build 模式的本质差异，以及如何正确进行本地生产环境测试。