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 验收
- 不为“支持所有浏览器”牺牲全部现代能力,要明确目标浏览器矩阵