语义化命名

  • 语义化的 HTML 能够直接表示出某个 Tag 的业务功能;
  • 语义化的 CSS 可以提高样式的抽象程度, 方便复用;

模块化

  • 提高代码复用程度;
  • 使业务逻辑更加清晰;

选择一个好的命名约定

遵循单一职责原则

SRP 原则即每个模块或者类应当只承担系统中的某一个单一功能, 并且该功能应当完整封装起来. 比如 CSS 组织结构中的 Carousel, NavigationBar 等, 要做成独立的 CSS Component.