全部文章

17篇文章

2026. 07. 23 · 阅读约35分钟

共享语言

当产品经理和 developer 用同一个词指代不同事物时该怎么办。本文借助 Evans 的 ubiquitous language 与 Clark 的 grounding 理论,梳理跨职能沟通失败的结构,并整理出对齐分辨率的实务工具。

2026. 07. 03 · 阅读约46分钟

可观测性

我在公司一直使用 Sentry,个人博客却没有错误监控。本文整理了我与 AI 一起接入埋点时遇到的问题:藏在 200 响应后的失败、gray failure、卡住 65 秒的 GA 调用,以及搜索数据。

2026. 06. 22 · 阅读约23分钟

Harness(系统)工程

从 prompt engineering 到 context engineering,下一步将走向哪里?本文以 Anthropic 工程博客近期呈现的脉络为线索,梳理 harness 设计、eval、containment(隔离)三个方向及其与 token 节省讨论的联系。

2026. 06. 11 · 阅读约43分钟

AI Token 节省方法

用 React POC 测量 AI 编程的 Token 成本,并通过 prompt caching、subagent、精简 MCP、context engineering 与 Cursor Composer 降低成本。

2026. 06. 10 · 阅读约23分钟

Token 的工作原理

AI Token 既不是单词也不是字符。本文系统讲解 BPE tokenizer 如何生成 Token、Token 如何变为 embedding 向量并进入模型、为何 decode 输出比 prefill 输入更贵,以及 KV cache 与 prompt caching 降低成本的原理。

2026. 05. 29 · 阅读约47分钟

AI 智能体工具

从四个角度梳理使用 Claude 进行前端开发时遇到的工具:CLAUDE.md、AGENTS.md 与 SKILL.md 的区别,MCP 的原理,Serena、CodeGraph 等代码智能工具的工作方式,以及如何阅读 GitHub Trending。

2026. 05. 18 · 阅读约29分钟

状态管理

状态管理被视为前端开发中最棘手的工作之一。本文将状态分为局部、全局、服务端、表单、URL、外部和守卫 7 类,并从 Single Source of Truth、消除不可能状态、State Colocation 等 4 个判断维度,梳理工具选择与状态建模的准则。

2026. 04. 18 · 阅读约44分钟

领域模型

从前端视角梳理领域、领域模型与领域对象的概念,并讨论实体与值对象、贫血领域模型以及 ViewModel 的分离。通过综合所得税领域的示例,了解如何在 React 中分离领域逻辑。

2026. 03. 28 · 阅读约19分钟

Toss Frontend Fundamentals 模拟考试第 2 期重构复盘

分享参加 Toss Frontend Fundamentals 模拟考试第 2 期时重构会议室预订应用的经历,并梳理单体组件拆分、领域逻辑提取以及基于测试的重构过程。

2026. 03. 02 · 阅读约36分钟

AI 前端工程师

在 AI 代替人编写代码的时代,前端工程师该如何成长并生存下去?本文基于 Karpathy 的 agentic engineering、Vercel v0、Stack Overflow Survey、METR 研究等可靠资料,梳理以验证、规格与判断力为核心的新能力和学习策略。

2026. 02. 01 · 阅读约36分钟

抽象

前端开发中的抽象是什么,好的抽象与坏的抽象有何不同。本文从 React 组件与函数设计的角度,梳理抽象层级、揭示意图的命名以及部件组合方式。

2026. 01. 04 · 阅读约34分钟

queryKey

梳理 TanStack Query 的 queryKey 如何工作,以及它为何从内联数组演进到 query key factory 和 queryOptions;并从实践角度讨论 TkDodo 模式、v5 queryOptions,以及 setQueryData 和缓存失效。

2025. 11. 17 · 阅读约36分钟

错误处理

梳理 React Error Boundary、try/catch 与 TanStack Query 的 throwOnError 各自负责的范围及其组合方式,并区分渲染阶段错误与异步错误,深入说明 react-error-boundary 的 reset 工作原理。

2025. 05. 20 · 阅读约40分钟

彻底掌握 React Fiber

基于 React 源码,深入分析 React Fiber 架构,从 Stack Reconciler、Lane 优先级、双缓冲、MessageChannel 调度器到 Concurrent Features。前端面试中的高频主题。

2024. 12. 01 · 阅读约13分钟

Biome 能取代 ESLint 和 Prettier 吗?

对比 Biome 与 ESLint、Prettier 的 lint 和格式化性能,并总结这款 Rust 一体化工具链的实际引入经验与迁移指南。

2024. 08. 18 · 阅读约27分钟

Zustand,你到底为什么是 ProviderLess?

通过源码分析深入探究 Zustand 无需 Provider 即可管理状态的原理,以及它与 React Context API 的区别和基于模块作用域的设计。

2024. 07. 06 · 阅读约26分钟

理解压缩算法

深入对比 ZIP、GZIP、ZSTD、Brotli 等主流压缩格式的工作原理与性能差异,从 LZ77 和无损压缩基础讲到速度、压缩率与兼容性的取舍,并给出为前端构建产物选择合适压缩格式的实用判断标准。