Thedaviddias Front End Checklist

/**
 * 在排查与 Optimize CSS file size 相关的页面加载缓慢、资源过重或渲染延迟时使用。应在推荐改动之前，先在 DevTools、Lighthou…
 */

/**
 * 在审查样式表、组件样式以及与「使用 CSS Grid 实现二维布局」相关的响应式行为时使用。在提出修复方案前，应先跨断点和交互状态检查渲染后的布局。
 */

/**
 * 在审查与「压缩所有 CSS 文件」相关的样式表、组件样式与响应式表现时使用。在提出修复方案前，先核对跨断点及交互态下的渲染布局。
 */

/**
 * 用于审查与“加载 CSS 而不阻塞渲染”相关的样式表、组件样式和响应式行为。在提出修复方案之前，需先跨断点和交互状态检查渲染后的布局。
 */

/**
 * 在审查与 Order CSS 文件相关的样式表、组件样式以及响应式行为时使用。在提出修复方案之前，应先在各个断点和交互状态下检查渲染后的布局。
 */

/**
 * 在审查与“包含打印样式表”相关的样式表、组件样式以及响应式行为时使用。在提出修复方案之前，请先跨断点和交互状态检查渲染后的布局。
 */

/**
 * 用于排查与最小化累积布局偏移（CLS）相关的页面加载缓慢、资源过重或渲染延迟问题。在提出修改建议前，请先在 DevTools、Lighthouse 或真实用户数…
 */

/**
 * 用于审查自定义元素类定义或 Web Component 源代码，以检查是否缺少 ARIA 反射、键盘处理以及表单关联。
 */

/**
 * 在审查与支持 prefers-color-scheme 深色模式相关的样式表、组件样式和响应式行为时使用。在提出修复方案前，需检查在不同断点和交互状态下渲染后的…
 */

/**
 * 在审查表单组件、API 载荷或客户端存储时使用，用于识别那些被收集但并未被某个声明功能实际使用的字段。
 */

/**
 * 用于审计网站的内部链接图以查找死胡同页面、为内容稀薄或独立的页面建议相关内容的链接，或审查会生成无链接内容页面的 CMS 模板。
 */

/**
 * 用于审查与防抖（Debounce）和节流（Throttle）事件处理器相关的脚本、客户端组件、打包产物或运行时行为时使用。同时检查源码和浏览器执行路径，以便修复…
 */

/**
 * 在审查已渲染的 HTML、交互式组件或与「向辅助技术隐藏装饰性元素」相关的设计系统模式时使用。优先检查原生语义,然后在相关场景下检视键盘行为、焦点流转、可访问名…
 */

/**
 * 用于审查与“使用 defer、async 或 type=module 加载脚本”相关的模板、渲染后的 HTML 或共享组件时使用。验证最终面向浏览器的标记，而不…
 */

/**
 * 在审阅渲染后的 HTML、交互组件或与「使用正确的定义列表结构」相关的设计系统模式时使用。优先检查原生语义，再检查键盘行为、焦点流转、可访问名称以及屏幕阅读器输…
 */

/**
 * 用于审查项目的安全姿态、设置 CI 流水线，或在依赖项中报告出漏洞时作出响应。
 */

/**
 * 用于审查图片资源、相关标记以及与“为图片设置显式的 width 和 height”相关的 CDN 或构建转换。综合检查编码尺寸、渲染尺寸、加载策略以及对首屏的影…
 */

/**
 * 用于审查与“为 RTL 语言设置文本方向”相关的模板、渲染后的 HTML 或共享组件时使用。验证最终面向浏览器的标记，而不仅仅是源码中的框架抽象。
 */

/**
 * 用于审计 YMYL 内容页面的信任信号、为医疗或金融内容生成免责声明文案，或根据 FTC 或 ASA 指南审查联盟营销披露要求。
 */

/**
 * 用于排查与“减少 DOM 大小与复杂度”相关的页面加载缓慢、资源过重或渲染延迟问题。在建议改动之前，请先在 DevTools、Lighthouse 或线上数据中…
 */

/**
 * 用于审阅与“让拖放可访问”相关的模板、渲染后的 HTML 或共享组件时使用。校验最终呈现在浏览器中的标记，而不仅仅是源码中的框架抽象。
 */

/**
 * 在审计站点的 meta 标签唯一性、为每个页面生成专属的 meta description，或审查在全局注入相同 description 的 CMS 模板时使用…
 */

/**
 * 用于审查与“为活动元素使用唯一 ID”相关的已渲染 HTML、交互组件或设计系统模式。首先检查原生语义，然后在相关时检查键盘行为、焦点流转、可访问名称以及屏幕阅…
 */

/**
 * 在审阅渲染后的 HTML、交互组件或与“使用唯一 ID 作为 ARIA 引用”相关的设计系统模式时使用。首先检查原生语义，然后在相关情况下检查键盘行为、焦点流转…
 */