外观
✦ PERSONAL FRONTEND KNOWLEDGE BASE ✦
SCROLL TO CAST THE SPELL ↓
✦ GUIDE
这个库怎么用、怎么往里加东西。三条查阅路径，三种写作模板——三分钟上手，然后让它跟着你一起生长。
ARCHITECTURE — RAW & DECIDED
FUNDAMENTALS
地基打得越稳，上面盖得越高。三步走，每一步都有产出物。
✦ UI DESIGN
「页面美观」不是天赋，是可以学会的规则。
点击色卡 · 复制色值
字阶 · 衬线 × 无衬线
间距 4 的倍数
INTERACTION
这屏本身就是一团软粘土——把按钮按下去试试。
VUE 3 ECOSYSTEM
主栈路线一条到底，像老唱片一样耐听。
SNIPPETS · 少即是多
不完美也没关系。右边的片段在库里躺了很久，依然好用。
/* 卡片悬停上浮 */ .card { transition: transform .2s ease-out; } .card:hover { transform: translateY(-5px); }
排障手册 × 灵感清单 × 工具收藏——全部都要，全部都收。