工程实践精选文章与学习路径

2026/06/0135 分钟阅读

Vercel AI SDK 源码级解析

从 Data Stream Protocol 到 Provider Adapter、从 useChat 状态机到 Tool Calling 执行模型、从浏览器运行时到生产故障模式——对 Vercel AI SDK 的系统级技术分析。

2026/05/2019 分钟阅读

虚拟列表的 DOM 复杂度从 O(N) 到 O(1)——渲染管线、帧预算与框架源码的系统分析

从浏览器 layout/paint/composite 管线出发，分析虚拟列表中 transform vs top 的选择对帧预算的影响、scroll 事件在 passive listener 和 compositor thread 中的传递路径、react window 的惰性 metadata 计算与 vue

2026/05/1922 分钟阅读

记录 Module、Singleton、Observer/PubSub、Factory、Decorator、Strategy、Proxy、Adapter、State Machine、Command、Chain of Responsibility、DI、MVVM/Flux、Composite、Flyweight 等模式在前端中的常见落点，结合 Vue 3 响应式、Redux 中间件、Koa compose，以及 SSR 状态泄漏、EventBus 内存泄漏、Proxy 渲染风暴等问题场景

2026/05/119 分钟阅读

LRU 缓存的 Map 实现：从 V8 OrderedHashMap 到前端缓存架构

基于 V8 OrderedHashMap 内部存储模型（buckets + entries 分离、hole 机制、rehash 触发规则）分析 Map based LRU 的真实 O(1) 条件与退化场景，覆盖渲染管线中 transform vs top 的帧预算差异、缓存架构的 tradeoff

2026/04/2312 分钟阅读

线上回滚的本质是时间窗口管理——从代码回退到零停机恢复的工程体系

从回滚的底层决策模型出发，分析多层回滚体系（静态资源、服务、数据库、配置）、回滚 vs 向前修复的决策框架、自动化回滚工具链设计、监控告警与故障发现的时效性优化，以及生产环境的回滚演练与复盘机制。

2026/04/0922 分钟阅读

前端技术选型的本质是成本核算——从 React Fiber 与 Vue Proxy 的运行时差异到生产迁移策略

从"总成本 = 学习成本 + 开发成本 + 维护成本 + 迁移成本 + 招聘成本 + 生态风险溢价"的量化框架出发，分析 React Fiber reconciler 与 Vue Proxy reactivity 的运行时模型差异对大型项目架构的深层影响，

2026/01/2716 分钟阅读

Vibe Coding：从认知分工到工程策略

从"意图表达 vs 实现生成"的认知分工模型出发，分析 vibe coding 在编程光谱中的定位、理解债务的累积与偿还机制、分层使用策略（核心层/功能层/样板层）的工程设计、不同 AI 编程工具对 vibe coding 的适用性差异，以及 vibe coding 对代码审查、团队协作和

2024/10/285 分钟阅读

npm / yarn / pnpm / cnpm：包管理器的本质差异在 node_modules 的拓扑结构

从 node_modules 目录结构的演化（嵌套→扁平→符号链接）出发，分析四种包管理器在依赖解析策略、磁盘占用、安装速度、幽灵依赖、Monorepo 支持等维度的工程差异。

2024/05/164 分钟阅读

localStorage vs Cookie：Token 存储方案的信任模型差异

从 XSS 和 CSRF 两种威胁模型出发，分析 localStorage 与 HttpOnly Cookie 在存储 Token 时的安全性差异、自动传输机制、跨域行为，以及 BFF 架构下的工程实践权衡。

2022/09/151 分钟阅读

接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比

围绕「接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比」分析 TypeScript 抽象建模方式，强调类型约束、扩展边界与工程落地策略。