工程
前端系统、可靠性、性能、测试与架构。
查看文章工程师现场笔记
探索前端系统、AI Agent、学习方法与内在实践的软件工程师。
我写关于可靠软件、AI 协作、复杂系统理解，以及如何更清楚地生活的长期笔记。
主题路径
面试官入口
如果你正在评估我的工程能力，可以从这里开始：精选的前端架构、性能、可靠性、测试和 AI 辅助开发文章与项目笔记。
打开面试官入口最新写作
背景和目标Tab system 引入后，工作台不再只有一个前台页面。用户可以同时打开多个 workstream、子应用和对象页，系统背后也会同时存在更多 route、runtime、iframe、SDK 和后台任务。性能问题因此不再是“某个页面慢”，而是三条用户路径分别要守住。 图 0：一个通用工作台里的 tab system...
TL;DR：Workspace v2 需要在单页工作空间里做出接近浏览器的 tab 体验：多个业务对象同时保持打开，刷新和分享链接仍然能回到正确页面，hidden runtime 不能抢当前 tab 的 URL、弹层、事件和前台 CPU。它不是一排 tab UI，而是一套围绕 intent、URL、持久化 tab 状态、runtime...
TL;DR: 我做了一个性能优化 skill，让 AI Agent 执行真正的优化闭环，而不是只给出“可以试试懒加载”这类建议。核心是可度量的 harness、goal-driven loop，以及记录每个 baseline、修改点、严格对比和失败 round 的 ledger。在一次 Workspace 优化中，严格 profile 看到...
TL;DR: Skill 就是跑在大模型上的函数——封装固定流程、定义输入输出、支持跨 Agent 复用。本文从第一性原理出发，拆解 Skill 的本质、设计原则和工程实践，帮你把零散的 Prompt 经验沉淀为可复用的能力单元。 背景 Agentic AI 领域概念层出不穷，而 Skills 是近几个月讨论最多、我认为也最重要的一个。本文记录了我探索...
TL;DR: Vibe Coding（氛围编码）让 AI 自由发挥，速度快但不可控；Spec-Driven Coding 通过持久化的规范文件约束 AI 行为，实现可预测、可追溯的输出。本文用 OpenSpec + Claude Code 的实践经验，拆解两种模式的差异和适用场景。 背景与目标 我目前主要用 Claude Code...
大多数 SEO 指南都是清单式的：加这个 meta 标签、装那个插件、改这个配置。但清单无法帮你理解 为什么 ——不理解为什么，你永远不知道自己遗漏了什么。 最近我对这个博客做了一次全面的 SEO 改造。比起逐条记录”发现了什么、修了什么”，我更想分享的是背后的思维模型。一旦用这个视角看 SEO，所有优化都变得显而易见。...