技能分类 · 前端与 UI

前端与 UI

5 条技能技能中心第 9 类

本分类从组件 API 面、设计令牌与变体、响应式与容器查询、CSS 可维护性到 React 状态边界，覆盖现代 UI 工程的主线。与用户体验与国际化分工：此处偏实现与结构，彼处偏可访问性、Vue 与文档类体验。

在技能中心中位于「接口与全栈」段。下列五条与技能中心本类条目一致。

快速入口

API 面与可组合性。

令牌与变体。

断点与容器查询。

BEM 与作用域。

Hooks 与状态边界。

约定 props 的粒度、受控与非受控、插槽/子组件扩展点；让组件在业务迭代中可组合而非频繁分叉。

用设计令牌（色、字阶、间距）驱动主题与暗色模式，组件变体与 Figma 库保持命名一致；减少一次性魔法数。

移动优先断点、Grid/Flex 组合与容器查询，使模块在侧栏折叠时仍可读；注意触控目标与视口单位陷阱。

BEM、CSS Modules、Shadow DOM 等作用域策略选型；避免全局污染与特异性战争，与构建工具 tree-shaking 配合。

Hooks 依赖与闭包 stale 问题、状态提升与 Context 边界、列表 key 与并发特性注意点；与数据获取层解耦。