先掌握 CSS 原语,再谈要不要上框架

Grid、自定义属性与现代选择器足够搭出大部分布局;组件库应是加速器而非拐杖。

桌上的色卡与设计稿

图片来自 Unsplash

布局不是魔法

当你能熟练用 flexgrid 描述「主轴 / 交叉轴 / 轨道」时,很多「这个组件库怎么改间距」的问题会退化成读文档五分钟就能解决的小调整。

设计令牌比随机色值更省事

把颜色、圆角、字号收敛成 CSS 自定义属性(或 UnoCSS / Tailwind 的主题扩展),改版时改一处即可联动全站,比在几十个文件里搜 #546253 要安全得多。

组件库的定位

成熟的组件库节省无障碍与交互细节的时间;但若从未手写过一个 modal 的 focus trap,一旦遇到边界需求就容易卡住。原语 + 小步实验,长期更稳。

Continue Reading