# 蔚蓝之家

> 蔚蓝之家是一个以前端开发、全栈实践与 AI 应用探索为主题的中文技术博客。

建议先阅读 /llms.txt 获取站点索引（含每篇文章的 .md 链接）；单篇 Markdown 位于 /posts/{slug}.md；需要完整正文时使用 /llms-full.txt；token 预算有限时使用 /llms-small.txt。

## Documentation Sets

- [博客文章全文](https://arkpln.netlify.app/llms-full.txt): 全部文章与 About 页的完整 Markdown 正文
- [博客文章结构索引](https://arkpln.netlify.app/llms-small.txt): 仅保留标题与列表结构的精简版，适合低 token 场景

## Posts

- [如何设计一个可靠的Redis缓存系统——开发缓存系统的心得](https://arkpln.netlify.app/posts/%E5%A6%82%E4%BD%95%E8%AE%BE%E8%AE%A1%E4%B8%80%E4%B8%AA%E5%8F%AF%E9%9D%A0%E7%9A%84Redis%E7%BC%93%E5%AD%98%E7%B3%BB%E7%BB%9F%E2%80%94%E2%80%94%E5%BC%80%E5%8F%91%E7%BC%93%E5%AD%98%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%BF%83%E5%BE%97.md): 从前期设计到日志观测，结合真实业务分享搭建Redis缓存系统的心得
- [TRAE Work干点活：搭建自己的自动化报销填写工作流](https://arkpln.netlify.app/posts/TRAE%20Work%E5%B9%B2%E7%82%B9%E6%B4%BB%EF%BC%9A%E6%90%AD%E5%BB%BA%E8%87%AA%E5%B7%B1%E7%9A%84%E8%87%AA%E5%8A%A8%E5%8C%96%E6%8A%A5%E9%94%80%E5%A1%AB%E5%86%99%E5%B7%A5%E4%BD%9C%E6%B5%81.md): 用 TRAE Work 搭建自动化报销填写工作流：约束输入输出、OCR 识别支付截图、从 Stripe 账单提取信息并写入 Excel 模板。
- [Python 探活卡住浏览器锁：用约 150 秒整体超时避免服务假死](https://arkpln.netlify.app/posts/Python%E6%8E%A2%E6%B4%BB%E5%8D%A1%E4%BD%8F%E6%B5%8F%E8%A7%88%E5%99%A8%E9%94%81%E5%AF%BC%E8%87%B4%E5%81%87%E6%AD%BB-%E6%95%B4%E4%BD%93%E8%B6%85%E6%97%B6%E7%BA%A6150%E7%A7%92%E5%85%9C%E5%BA%95.md): 一次 asyncio 服务假死排查：探活流程缺少整体超时，长时间占用 Chrome profile 锁。通过心跳和边界日志定位后，用约 150 秒超时完成取消与锁释放。
- [RAG技术深入浅出：Embedding · Rerank · Eval 全链路解析](https://arkpln.netlify.app/posts/RAG%E6%8A%80%E6%9C%AF%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BA%EF%BC%9AEmbedding%20%C2%B7%20Rerank%20%C2%B7%20Eval%20%E5%85%A8%E9%93%BE%E8%B7%AF%E8%A7%A3%E6%9E%90.md): 26.06.27技术分析会:RAG全链路指南，串联 Embedding 向量表征、Rerank 精排与 Eval 评估三大关键环节，从理论到落地讲清检索增强生成的完整链路。
- [卡顿减少百分之50：公司内部前端项目的一次性能排查实录](https://arkpln.netlify.app/posts/%E5%8D%A1%E9%A1%BF%E5%87%8F%E5%B0%9150-%EF%BC%9A%E5%85%AC%E5%8F%B8%E5%86%85%E9%83%A8%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE%E7%9A%84%E4%B8%80%E6%AC%A1%E6%80%A7%E8%83%BD%E6%8E%92%E6%9F%A5%E5%AE%9E%E5%BD%95.md): 前端编辑器卡顿通过系统排查定位为状态订阅过粗与重型表单树频繁挂载。优化方案拆分 store 粒度并调整挂载策略为常驻复用，Tab 切换性能提升近50%
- [Codex CLI实用提效功能一览](https://arkpln.netlify.app/posts/Codex%20CLI%E5%AE%9E%E7%94%A8%E6%8F%90%E6%95%88%E5%8A%9F%E8%83%BD%E4%B8%80%E8%A7%88.md): Codex CLI在真实开发环境使用的实用功能技巧总结,含快捷键一览,高频命令,常见问题排查等
- [天津小厂面经(AI前端方向)](https://arkpln.netlify.app/posts/%E5%A4%A9%E6%B4%A5%E5%B0%8F%E5%8E%82%E9%9D%A2%E7%BB%8F(AI%E5%89%8D%E7%AB%AF%E6%96%B9%E5%90%91).md): HTML: https://arkpln.netlify.app/posts/%E5%A4%A9%E6%B4%A5%E5%B0%8F%E5%8E%82%E9%9D%A2%E7%BB%8F(AI%E5%89%8D%E7%AB%AF%E6%96%B9%E5%90%91)/
- [Vite-plus下一代统一前端工具链初体验](https://arkpln.netlify.app/posts/Vite-plus%E4%B8%8B%E4%B8%80%E4%BB%A3%E7%BB%9F%E4%B8%80%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7%E9%93%BE%E5%88%9D%E4%BD%93%E9%AA%8C.md): 初探下一代前端工具链VitePlus
- [NestJS全栈实战笔记:优雅处理Entity与DTO的映射与字段过滤](https://arkpln.netlify.app/posts/NestJS%E5%AE%9E%E6%88%98%E7%AC%94%E8%AE%B0-%E4%BC%98%E9%9B%85%E5%A4%84%E7%90%86Entity%E4%B8%8EDTO%E7%9A%84%E6%98%A0%E5%B0%84%E4%B8%8E%E5%AD%97%E6%AE%B5%E8%BF%87%E6%BB%A4.md): 使用TypeORM配合Nest.js开发，维护实体与DTO数据的正确处理
- [Expo React Native + EAS 本地/云端实战真实构建避坑指南](https://arkpln.netlify.app/posts/Expo-React-Native-EAS-%E6%9C%AC%E5%9C%B0-%E4%BA%91%E7%AB%AF%E5%AE%9E%E6%88%98%E7%9C%9F%E5%AE%9E%E6%9E%84%E5%BB%BA%E9%81%BF%E5%9D%91%E6%8C%87%E5%8D%97.md): HTML: https://arkpln.netlify.app/posts/Expo-React-Native-EAS-%E6%9C%AC%E5%9C%B0-%E4%BA%91%E7%AB%AF%E5%AE%9E%E6%88%98%E7%9C%9F%E5%AE%9E%E6%9E%84%E5%BB%BA%E9%81%BF%E5%9D%91%E6%8C%87%E5%8D%97/
- [Leetcode Hot100刷题记](https://arkpln.netlify.app/posts/Leetcode-Hot100%E5%88%B7%E9%A2%98%E8%AE%B0.md): 力扣Hot100刷题记录，沉淀学习算法思想和编码能力。
- [计算机网络沉淀心得](https://arkpln.netlify.app/posts/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C%E6%B2%89%E6%B7%80%E5%BF%83%E5%BE%97.md): 计算机网络
- [软件工程复习笔记](https://arkpln.netlify.app/posts/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B%E5%A4%8D%E4%B9%A0%E7%AC%94%E8%AE%B0.md): 软件工程复习笔记，涵盖耦合性、内聚性、UML建模、测试和CMMI等内容
- [迈向2026:大学生的年终总结](https://arkpln.netlify.app/posts/%E8%BF%88%E5%90%912026-%E5%A4%A7%E5%AD%A6%E7%94%9F%E7%9A%84%E5%B9%B4%E7%BB%88%E6%80%BB%E7%BB%93.md): 大学生年终总结，回顾学习历程和成长经历
- [Nextjs学习笔记](https://arkpln.netlify.app/posts/Nextjs%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): Next.js框架学习笔记，涵盖服务端渲染、路由系统和App Router等核心概念
- [Zustand实战应用笔记](https://arkpln.netlify.app/posts/Zustand%E5%AE%9E%E6%88%98%E5%BA%94%E7%94%A8%E7%AC%94%E8%AE%B0.md): Zustand状态管理库在React项目中的实战应用笔记
- [Flutter学习笔记](https://arkpln.netlify.app/posts/Flutter%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): Flutter移动端开发学习笔记，涵盖Dart语言和跨平台开发
- [FastAPI学习笔记](https://arkpln.netlify.app/posts/FastAPI%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): FastAPI高性能Python Web框架学习笔记，涵盖快速开发和类型提示特性
- [Moetalk桌面端无法正常使用的问题技术报告和解决方案](https://arkpln.netlify.app/posts/Moetalk%E6%A1%8C%E9%9D%A2%E7%AB%AF%E6%97%A0%E6%B3%95%E6%AD%A3%E5%B8%B8%E4%BD%BF%E7%94%A8%E7%9A%84%E9%97%AE%E9%A2%98%E6%8A%80%E6%9C%AF%E6%8A%A5%E5%91%8A%E5%92%8C%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88.md): Moetalk桌面端技术问题报告与Nginx解决方案，详细记录问题排查和修复过程
- [TypeScript学习笔记](https://arkpln.netlify.app/posts/TypeScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): TypeScript类型系统学习笔记，从基础到高级类型应用
- [Nestjs学习笔记](https://arkpln.netlify.app/posts/Nestjs%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): NestJS企业级Node.js后端框架学习笔记，涵盖模块化和依赖注入等核心概念
- [Node.js学习笔记](https://arkpln.netlify.app/posts/Node-js%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): Node.js运行时环境学习笔记，涵盖模块化、全局API和核心模块的全面总结
- [数据结构与算法](https://arkpln.netlify.app/posts/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95.md): 数据结构与算法基础笔记，涵盖线性结构和非线性结构的分类与实现
- [用户中心系统开发日志](https://arkpln.netlify.app/posts/%E7%94%A8%E6%88%B7%E4%B8%AD%E5%BF%83%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91%E6%97%A5%E5%BF%97.md): 用户中心系统开发日志，记录需求分析、技术选型和实现过程
- [前端深入学习笔记](https://arkpln.netlify.app/posts/%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1%E6%96%87%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): 关于JavaScript核心知识的八股文笔记，包括事件循环、本地存储和数组方法
- [React学习笔记](https://arkpln.netlify.app/posts/React%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): React框架学习笔记，涵盖组件、Hooks和状态管理等核心概念
- [Express:轻量化的Web开发框架](https://arkpln.netlify.app/posts/Express-%E8%BD%BB%E9%87%8F%E5%8C%96%E7%9A%84Web%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6.md): Express轻量化Node.js Web开发框架学习笔记，涵盖路由、中间件和模板引擎
- [Vue学习笔记](https://arkpln.netlify.app/posts/Vue%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.md): Vue.js渐进式JavaScript框架学习笔记，涵盖模板语法和组件化开发
- [NestJS全栈实战笔记：序列化与更优雅的响应结果处理](https://arkpln.netlify.app/posts/NestJS%E5%85%A8%E6%A0%88%E5%AE%9E%E6%88%98%E7%AC%94%E8%AE%B0%EF%BC%9A%E5%BA%8F%E5%88%97%E5%8C%96%E4%B8%8E%E6%9B%B4%E4%BC%98%E9%9B%85%E7%9A%84%E5%93%8D%E5%BA%94%E7%BB%93%E6%9E%9C%E5%A4%84%E7%90%86.md): AI全栈时代，如何优雅处理API响应？本文直击NestJS中手动拼接响应、DTO冗余与敏感数据泄露痛点。利用类型映射与序列化机制，践行DRY原则实现自动化数据脱敏，结合真实项目代码，提高工程化开发质量

## Notes

- 内容由构建时从站点 HTML 自动提取生成。

## Optional

- [About](https://arkpln.netlify.app/about/): 作者简介与精选仓库
- [GitHub](https://github.com/ArkPLN): ArkPLN 的 GitHub 主页
- [Sitemap](https://arkpln.netlify.app/sitemap-index.xml): 站点地图索引