CSS Code Review、兼容性与质量门禁 | CSS

本章覆盖:页面是否主要使用正确布局机制;selector 是否过度耦合 DOM;specificity 是否可控;是否大量使用 `!important`;Flex / Grid 是否存在不必要 hack;responsive 是否由内容驱动;focus / reduced motion / contrast 基础检查;browser compatibility;Baseline;CSS lint 的高层认知;visual regression testing 的概念;DevTools 验收;不为“支持所有浏览器”牺牲全部现代能力,要明确目标浏览器矩阵。

本章知识点

  • 页面是否主要使用正确布局机制
  • selector 是否过度耦合 DOM
  • specificity 是否可控
  • 是否大量使用 !important
  • Flex / Grid 是否存在不必要 hack
  • responsive 是否由内容驱动
  • focus / reduced motion / contrast 基础检查
  • browser compatibility
  • Baseline
  • CSS lint 的高层认知
  • visual regression testing 的概念
  • DevTools 验收
  • 不为“支持所有浏览器”牺牲全部现代能力,要明确目标浏览器矩阵