核心用法
Frontend 技能是一套完整的前端开发设计模式指南,覆盖从加载状态到无障碍设计的 12 个关键维度。它提供了具体的数值标准(如 44×44pt 触摸目标、100ms 反馈延迟)和可落地的设计决策框架,适用于 Web 与移动端的跨平台开发。
显著优点
- 量化标准明确:大量具体数值指标(100ms 反馈阈值、150-300ms 动画时长、8pt 网格系统)可直接落地
- 场景覆盖全面:从 Skeleton 屏到错误恢复、从首次使用空状态到离线降级,涵盖用户旅程全链路
- 平台感知设计:尊重 iOS/Android/Web 原生规范,避免跨平台"四不像"
- 性能与感知并重:区分"实际加载"与"可交互时间",提供乐观更新、懒加载等具体策略
潜在局限
- 无代码实现:仅提供设计原则,需配合具体技术栈(React/Vue/Swift 等)自行实现
- 未覆盖新兴范式:未涉及 AI 生成界面、跨端框架(Flutter/React Native)的特定约束
- 平台细节有限:虽提及"尊重平台惯例",但未给出各平台的深度适配清单
适合人群
前端开发者、UI/UX 设计师、产品经理,尤其适合需要建立团队设计规范或统一多平台体验的中大型项目。
常规风险
- 过度追求"乐观更新"可能导致状态不一致的复杂回滚逻辑
- 44pt 触摸目标在密集数据表格场景可能与信息密度冲突,需权衡