这个库怎么用

这个库的本质：把「学过的、踩过的、想清楚的」变成随时能查到的笔记。它不是教程合集，而是你自己的第二大脑——所以每篇文章都应该是你消化过的话，而不是复制粘贴。

三条常见查阅路径

路径一：动手写代码之前（定方案）

例：要新起一个项目，不知道该做成 SPA 还是 SSR。

1. 打开 架构与模式 分区
2. 看应用形态对比，直接看优劣表格和「怎么选」
3. 状态怎么管？看状态管理方案对比
4. 要选组件库/工具库？看技术选型方法论

路径二：页面不好看时（调设计）

例：写完一个页面，总觉得「糙」，但说不出哪里不对。

1. 打开 UI 设计 分区
2. 拿视觉四原则的自查清单逐条对照——90% 的「糙」都是四原则没满足
3. 配色没把握？看配色实用指南，再翻 AGENTS.md 的配色专区
4. 间距乱、对不齐？看布局基础

路径三：交互生硬时（加手感）

例：按钮点了没反应感，列表出现得很突兀。

1. 打开 交互与动效 分区
2. 先翻微交互清单——大概率有现成方案
3. 需要入场/退场动画？看 Vue Transition 实战

搜索技巧

• 顶栏搜索框（或按 Ctrl + K）支持中文全文搜索
• 搜不到时换更短的词：搜「状态」而不是「状态管理方案」
• 搜代码特征：搜 transition 能找到所有提到 CSS 过渡的文章

两个实用开关

• 明暗切换：右上角「外观」按钮。晚上写笔记建议切深色。
• 本页目录：每篇长文章右侧有自动生成的目录，点击跳转。

一条心法

库是长出来的，不是搭出来的

不要试图一次性把它填满。每次学到东西、踩到坑，就写一篇放进去。三个月后它会变成最贴合你的工具。