这个工程师用1个HTML文件，把600页系统设计书干成了交互游戏

25个章节，零安装，浏览器即开即用——一个被视频教程逼疯的工程师，把「画矩形」的废话变成了可操作的系统。

从「画矩形」到「可点击」：一个产品经理的报复

每个软件工程师都经历过同一种崩溃：屏幕里的人画完第15个矩形，你对系统设计的理解反而比开始前更模糊。

DDIA（《Designing Data-Intensive Applications》）是公认的圣经，但600页的厚度意味着你学了很多，记住很少，且永远无法想象周五凌晨2点惊群效应（thundering herd）摧毁生产数据库时到底是什么画面。

System Design Lab的作者想要的是中间态——交互、可视化、免费、能逼你思考而非被动观看。最终产物是一个单HTML文件平台，覆盖从基础面向对象编程到大规模分布式系统的完整路径。

零账户、零安装、零框架开销。打开浏览器，直接开始。

25个章节按自然学习曲线排列，从基础到分布式系统、面试准备、实时模拟。但没有强制顺序，你可以跳到任何需要的位置。

LLD部分：当OOP不再是一堆定义

大多数教程告诉你「封装是什么」。这个平台用动画SVG展示BankAccount类——你能 literally 看到哪些字段是私有的，哪些是公有的，外部调用者尝试访问时会发生什么。

抽象、继承、多态，每个概念配动画图解、TypeScript真实代码、不预设前提的简短说明。

UML类关系是面试重灾区。继承、关联、聚合、组合，四个概念被混淆的频率高到离谱。这里的图解把区别可视化，直接对应代码结构。

五个标签页对应SOLID原则，每个都是「错误示范→正确示范」的对照。单一职责原则先扔给你一个臃肿的Invoice类——计算、打印、数据库保存全包办——再展示重构后的版本。依赖关系图实时绘制，你能看到为什么重构后的代码更容易修改。

依赖倒置原则用Notification类硬编码EmailService的具体案例，再对比注入接口后的解耦效果。这些不是抽象概念，是面试里会被追问的代码细节。

从面试题到生产事故：中间缺的那一环

系统设计视频的问题在于它只给结果，不给过程。你看到最终架构图，但不知道为什么要这样演进。

这个平台试图填补的是「知道」和「做到」之间的缝隙——用可交互的模拟替代静态图解，用即时反馈替代事后总结。

一个HTML文件能承载多少？作者的选择是：把复杂度留给内容，把门槛降到零。

当整个行业都在把简单概念包装成付费课程时，这种「打开即用」的粗暴直接反而成了稀缺品。你会在什么场景下打开它——面试前夜，还是下一个凌晨2点的生产故障？