接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比
围绕「接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比」分析 TypeScript 抽象建模方式，强调类型约束、扩展边界与工程落地策略。
Skip to content01 02 03 04 05 06 07
工程与部署
Architecture
7 篇文章71 分钟阅读更新于 2026/08/12
围绕「接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比」分析 TypeScript 抽象建模方式，强调类型约束、扩展边界与工程落地策略。
目录
7 篇2025/12/0516 分钟阅读
前端技术选型的本质是成本核算——从 React Fiber 与 Vue Proxy 的运行时差异到生产迁移策略
从"总成本 = 学习成本 + 开发成本 + 维护成本 + 迁移成本 + 招聘成本 + 生态风险溢价"的量化框架出发，分析 React Fiber reconciler 与 Vue Proxy reactivity 的运行时模型差异对大型项目架构的深层影响，
2025/12/0723 分钟阅读
前端开发中常见的设计模式：框架实现与问题场景笔记
记录 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 渲染风暴等问题场景
2025/12/018 分钟阅读
虚拟列表的 DOM 复杂度从 O(N) 到 O(1)——渲染管线、帧预算与框架源码的系统分析
从浏览器 layout/paint/composite 管线出发，分析虚拟列表中 transform vs top 的选择对帧预算的影响、scroll 事件在 passive listener 和 compositor thread 中的传递路径、react window 的惰性 metadata 计算与 vue
2025/12/036 分钟阅读
LRU 缓存的 Map 实现：从 V8 OrderedHashMap 到前端缓存架构
基于 V8 OrderedHashMap 内部存储模型（buckets + entries 分离、hole 机制、rehash 触发规则）分析 Map based LRU 的真实 O(1) 条件与退化场景，覆盖渲染管线中 transform vs top 的帧预算差异、缓存架构的 tradeoff
2025/11/255 分钟阅读
npm / yarn / pnpm / cnpm：包管理器的本质差异在 node_modules 的拓扑结构
从 node_modules 目录结构的演化（嵌套→扁平→符号链接）出发，分析四种包管理器在依赖解析策略、磁盘占用、安装速度、幽灵依赖、Monorepo 支持等维度的工程差异。