Thedaviddias Front End Checklist

/**
 * 在审查与避免对表单字段使用 autofocus 相关的渲染 HTML、交互组件或设计系统模式时使用。先检查原生语义，再根据需要检查键盘行为、焦点流程、可访问名称…
 */

/**
 * 在审查与避免自动播放媒体相关的已渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义，然后根据需要审查键盘行为、焦点流转、可访问名称以及屏幕阅读器的输…
 */

/**
 * 在检查图片资源、标记以及与为现代浏览器使用 AVIF 格式相关的 CDN 或构建转换时使用。综合检查编码后大小、渲染大小、加载策略以及对首屏内容的影响。
 */

/**
 * 在审查脚本、客户端组件、打包产物或与 Never use eval() or unsafe dynamic code execution 相关的运行时行为时使用…
 */

/**
 * 用于审查导航性能、浏览器生命周期事件或从内存恢复页面的行为时使用。检查真实的浏览器生命周期与恢复路径，而不仅限于静态代码模式。
 */

/**
 * 在审查 HTML 源码和 JavaScript 时，用于检查指向常见广告拦截过滤列表中所列域名的链接或资源 URL。
 */

/**
 * 在审计与实现有效的 BreadcrumbList schema 相关的元数据、可抓取性、结构化数据或可索引性时使用。需要验证渲染后的 HTML 和 HTTP 响…
 */

/**
 * 在审查模板、渲染后的 HTML 或与实现可访问的面包屑导航相关的共享组件时使用。验证最终面向浏览器的标记，而不仅仅是源码中的框架抽象层。
 */

/**
 * 当审计与修复或移除失效外部链接相关的元数据、可抓取性、结构化数据或可索引性时使用。验证渲染后的 HTML 和 HTTP 响应，而不是仅依赖源文件。
 */

/**
 * 用于审计与“修复格式错误的 HTML 结构”相关的元数据、可抓取性、结构化数据或可索引性。验证渲染后的 HTML 与 HTTP 响应，而不是仅依赖源文件。
 */

/**
 * 在审查与修复失效图片相关的图片资源、标记以及 CDN 或构建转换时使用。同时检查编码后尺寸、渲染尺寸、加载策略以及对首屏的影响。
 */

/**
 * 用于审计与解决内部失效链接相关的元数据、可抓取性、结构化数据或可索引性。验证渲染后的 HTML 与 HTTP 响应，而不是仅依赖源文件。
 */

/**
 * 用于排查与启用浏览器缓存相关的页面加载缓慢、资源体积过大或渲染延迟问题。在给出优化建议之前，请先在 DevTools、Lighthouse 或线上真实数据中确认…
 */

/**
 * 用于审计与 Perform 浏览器性能审计相关的慢速页面加载、沉重资源或渲染延迟。在建议更改之前，先在 DevTools、Lighthouse 或实地数据中验证…
 */

/**
 * 用于审查与为按钮提供可访问名称相关的渲染 HTML、交互组件或设计系统模式时使用。首先检查原生语义，然后根据需要审查键盘行为、焦点流转、可访问名称以及屏幕阅读器…
 */

/**
 * 用于审计与“避免 canonical URL 上的重定向链”相关的元数据、可抓取性、结构化数据或可索引性。请验证渲染后的 HTML 和 HTTP 响应，而非仅依…
 */

/**
 * 当审计与 Sync HTML canonical 标签和 Link header 相关的元数据、可爬取性、结构化数据或可索引性时使用。验证渲染后的 HTML 和…
 */

/**
 * 在审计与 Set canonical URLs for all pages 相关的元数据、可抓取性、结构化数据或可索引性时使用。验证渲染后的 HTML 和 HT…
 */

/**
 * 用于审查与让轮播组件可访问相关的模板、渲染后的 HTML 或共享组件时使用。需校验最终面向浏览器的标记，而不是仅检查源代码层面的框架抽象。
 */

/**
 * 用于审查 CSS 架构的特异性问题、建立设计系统，或将大型代码库从 utility-first 迁移到分层架构时使用。
 */

/**
 * 在审计页面加载缓慢、资源体积过大或与“使用内容分发网络”相关的渲染延迟时使用。请在推荐改动之前，先在 DevTools、Lighthouse 或线上数据中确认实…
 */

/**
 * 用于审查与声明 UTF-8 字符编码相关的模板、渲染后的 HTML 或共享组件。验证最终面向浏览器的标记，而非仅仅源框架抽象层。
 */

/**
 * 在审计与权威外部来源引用相关的元数据、可抓取性、结构化数据或可索引性时使用。验证渲染后的 HTML 和 HTTP 响应，而非仅依赖源文件。
 */

/**
 * 用于审查与"在生产环境中移除注释和调试代码"相关的模板、渲染后的 HTML 或共享组件。需要验证最终面向浏览器的标记，而不仅仅是源代码层面的框架抽象。
 */