基础认知

知道"怎么用"只是开始，知道"为什么这么设计"才算入门。

学什么

JS 语言设计 — 为什么有闭包、原型链、事件循环，这些问题是怎么来的
CSS 布局本质 — 为什么 Flex/Grid 这样设计，它们在解决什么排版问题
HTTP 协议哲学 — 无状态、缓存、幂等，这些设计背后的取舍
Git 的版本控制哲学 — 快照 vs 增量，分支的本质是什么

不写什么

❌ API 用法——查 MDN 更快
❌ 配置步骤——记在代码里
❌ 速查表——AI 随问随答

Git 的快照哲学：不是增量，是内容寻址

Git 的快照哲学：不是增量，是内容寻址很多人把 Git 当"高级保存"用。但 Git 的设计哲学和 SVN 完全不同——它不是记录「改了什么」，而是记录「这一刻所有文件的完整状态」。 ...

HTTP 的无状态设计：不是缺点，是分布式的前提

HTTP 的无状态设计：不是缺点，是分布式的前提很多人说"HTTP 无状态很麻烦，每次都要带 Token"。但问题应该反过来问：为什么 HTTP 故意设计成无状态？ ...

浏览器渲染管线：从 HTML 到像素，中间发生了什么

浏览器渲染管线：从 HTML 到像素，中间发生了什么" 很多人优化性能是"试出来的"——加 will-change、减 DOM、用 requestAnimationFrame。但不知道管线，就不知道为什么这么做有用。 ...

CSS 的排版本质：不是定位元素，是描述约束

CSS 的排版本质：不是定位元素，是描述约束很多人学 CSS 是"试出来的"——加 margin: auto 居中了，但不知道为什么。这是因为没想清楚 CSS 的排版本质。 ...

JS 的执行模型：单线程不是缺陷，是选择

JS 的执行模型：单线程不是缺陷，是选择很多人说 JS 是"单线程，所以慢"。但问题应该反过来问：为什么 JS 故意选了单线程？ ...