组件设计规范

  • 单一职责,一个组件只做一件事。
  • 提供反馈。考虑组件在 focus、hover、active 等状态下的变化。
  • 每个组件内部的样式尽可能使用相对单位去定义样式,通过对外部 font-size 的设置达到对组件整体缩放的效果。
  • 考虑组件可能的键盘操作方式。如果是模拟实现系统原生的组件,最好和原生组件交互方式一致。
  • 尽可能遵循 WCAG 2.0,并提供 WAI-ARIA 支持。
  • 弹出类内容(比如下拉菜单、Tips)等要考虑是否会溢出祖先容器造成出现滚动条或被截断等问题。
  • 界面发生变化时,尽可能提供过渡的动画效果。但是不要滥用动画造成使用效率的降低。
  • 使用阴影来体现不同容器之间的层次。