# 休言的博客

> 在 AI 时代，一个软件工程师的思考与实践，不局限于前端。作者：休言，软件工程师。

这是一个中文个人技术博客。「文章」是完整的技术长文（实践、原理、踩坑记录），「随想」是较短的观点和碎片。每个链接都是对应文章的纯 Markdown 版本，网页版把 .md 换成 .html 即可。

## 文章

- [你的 SPA 正在漏内存，用 Soak Test 把它揪出来](https://www.fechuck.com/2026/spa-memory-leak.md)：单页应用最大的特点是「永不重载」，而这恰好也是它最大的隐患：任何一个被遗忘的事件监听器、定时器或 DOM 引用，都会随着用户停留时间不断累积，直到标签页变卡甚至…（2026-09-07）
- [读懂 Skills：是什么、怎么写、为什么有效](https://www.fechuck.com/2026/skills.md)：从原理到规范，聊聊 Anthropic 带火的 Skills 是什么、它和 Rules/MCP/Prompt/Agent 有何区别，以及渐进式披露、多轮推理、缓存复用背后的设计。（2026-03-09）
- [MCP：给 AI 装上 USB-C 接口](https://www.fechuck.com/2025/claude-mcp.md)：LLM 的出现，使得我们可以通过自然语言和模型进行交互，并获得期望的输出。（2025-09-07）
- [前端性能监控指标之 LCP](https://www.fechuck.com/2024/lcp.md)：LCP 是 Largest Contentful Paint 的缩写，即最大内容绘制。（2024-11-20）
- [【译】你不得不了解的 8 种字体](https://www.fechuck.com/2024/the-8-fonts-you-must-know.md)：自诞生以来，字体设计已走过了漫长的道路，它是一种不断发展的艺术形式，多年来见证了无数字体的诞生，设计师和字体设计师不断突破创造力的界限。（2024-11-18）
- [用 Node.js 写 Elasticsearch：批量写入限流与聚合查询优化](https://www.fechuck.com/2024/elasticsearch.md)：做前端错误监控时，用 Node.js 往 Elasticsearch 批量写入和做聚合统计踩过的坑：写入怎么限流，聚合查询怎么变快。（2024-09-20）
- [rrweb 录制 canvas 被污染](https://www.fechuck.com/2024/canvas-tainted.md)：团队内部自研的前端监控 sdk 有对错误进行录屏，这个录屏采用的是 rrweb，并且开启了对 canvas 的录屏。（2024-08-22）
- [如何统计页面的 PV&UV？](https://www.fechuck.com/2024/pv.md)：PV(page view) 是页面浏览量，UV(Unique visitor)用户访问量。PV 只要访问一次页面就算一次，UV 同一天内多次访问只算一次。（2024-08-06）
- [数学编程之阻尼效应](https://www.fechuck.com/2024/damping-effect.md)：在现实世界中，我们经常会看到各种阻尼效果：汽车轮胎的减震、拉开弹弓弹射、荡秋千逐渐到达最高点。（2024-06-19）
- [web 音频基础](https://www.fechuck.com/2024/audio.md)：在一次需求中，需要在 B 端对音频进行录制，然后再上传到 CDN，最后提供给 C 端用户。借这个机会梳理了一下我对于音频的理解和实践，在此记录一下。（2024-06-05）
- [Midjourney 的基本使用](https://www.fechuck.com/2024/mid-journey.md)：Midjourney 是一款 AI 图片生成工具，最近一年来在产品和设计领域非常流行。（2024-06-04）
- [小程序内嵌 h5 如何跳转其它小程序？](https://www.fechuck.com/2024/web-view.md)：为了给业务提供更加快速的运营体验，我们设计了这样一种方案：提供一个支持高度配置化的平台（动态表单或者低代码平台），生成一个独立的 h5，h5 既能被嵌入到宿主小…（2024-06-03）

## 随想

- [事件驱动 vs 数据驱动](https://www.fechuck.com/notes/2025-06-13-dev-thoughts.md)：事件驱动和数据驱动并存时，把变更收敛到一个公共函数里。（2025-06-13）
- [antd Form 校验时 outOfDate 一直为 true](https://www.fechuck.com/notes/2025-03-17-antd-form-outofdate.md)：onValuesChange 里立即校验时表单 store 还没同步，outOfDate 一直为 true；把校验放进 setTimeout 延后一拍。（2025-03-17）
- [antd Upload 自定义错误提示：用 file.status 和 file.response](https://www.fechuck.com/notes/2025-03-17-antd-upload-error.md)：自定义上传失败时，错误提示要写在 file.status 和 file.response 上，传给 onError 不生效。（2025-03-17）
- [iframe 白屏：子页面比登录态先加载](https://www.fechuck.com/notes/2024-08-06-iframe-blank.md)：iframe 白屏的原因是子页面比登录态先加载，消息晚到了；先拿登录态，再渲染 iframe。（2024-08-06）
- [npm link 和 yarn link 不互通](https://www.fechuck.com/notes/2024-08-06-npm-yarn-link.md)：npm link 和 yarn link 各管各的，建链接和用链接必须是同一个工具。（2024-08-06）

## 其他

- [关于](https://www.fechuck.com/about/)：作者介绍和联系方式
- [书签](https://www.fechuck.com/bookmarks/)：作者收藏的网站，按 AI、电子书、工具、设计等分类
- [实验室](https://www.fechuck.com/lab/)：几个互动小实验，包括代码仓库的建造回放、文章星图、Token 显微镜、上下文窗口模拟器、Web Vitals 心电图
- [全文合集](https://www.fechuck.com/llms-full.txt)：所有文章和随想的完整 Markdown
- [RSS](https://www.fechuck.com/feed.xml)