搜索「Search The Web」的结果

io.github.thedaviddias/Front-End-Checklist/unused-css

审查样式表、组件样式与响应式行为，落实“移除未使用的 CSS 规则”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/reset-css

审查样式表、组件样式与响应式行为，落实“使用 CSS reset 或 normalize 样式表”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/viewport-zoom

适用于 HTML 文档中任意 meta name=viewport 元素。检查 content 属性中的 user-scalable=no、user-scalable=0、maximum-scale=1 或小于 2 的 maximum-scale 取值。这是移动优先模板和 CSS 框架中的常见错误。

io.github.thedaviddias/Front-End-Checklist/font-size

适用于所有 CSS font-size 声明，尤其是正文、UI 标签和导航中用 px 单位定义字号的场景。审查移动端响应式与可访问性合规时使用。注意检查小屏媒体查询中的 font-size。

io.github.thedaviddias/Front-End-Checklist/orientation

审查移动优先布局、平板体验、全屏流程、表单、仪表盘或媒体类界面时使用。在竖屏与横屏下检查实际渲染行为，区分真正的布局约束与不必要的方向假设。

io.github.thedaviddias/Front-End-Checklist/contract-testing

为前后端 API 边界搭建集成测试、评估两个服务能否独立安全部署，或用契约测试替换缓慢的端到端测试时使用。

io.github.thedaviddias/Front-End-Checklist/no-unchecked-indexed-access

审计 tsconfig.json 是否缺少安全标志、审查数据处理流水线中用到数组索引访问的代码，或排查 TypeScript 未捕获的运行时 undefined 错误时使用。

io.github.thedaviddias/Front-End-Checklist/type-only-imports

审计 TypeScript 文件的 import 语句、新建 TypeScript 项目，或排查类型依赖意外被打进 bundle 时使用。

io.github.thedaviddias/Front-End-Checklist/no-explicit-any

审查 TypeScript 文件的类型安全回退、评审处理外部数据的函数，或代码库中存在 @typescript-eslint/no-explicit-any 的 ESLint 警告时使用。

io.github.thedaviddias/Front-End-Checklist/doctype

适用于所有 HTML 文档。务必查看原始 HTML 源码的第一行（view-source: 或 DevTools > Network > Response）。在 SSR 框架中查看根 HTML 模板（如 Next.js 的 _document.tsx、Vite/Vue 的 index.html、Rails 的 application.html.erb）。doctype 不是标签而是声明，不需要闭合标签。

io.github.thedaviddias/Front-End-Checklist/streaming-html

审查服务端渲染配置、Next.js App Router 页面或 Node.js HTTP handler，确认 HTML 是增量流式输出而非缓冲到完成再发送时使用。

io.github.thedaviddias/Front-End-Checklist/code-splitting

审查过大的 SPA bundle、新增依赖，或水合（hydrate）缓慢的路由时使用。聚焦首屏不需要的代码，将其移到路由切换、用户交互或基于视口的加载之后。

io.github.thedaviddias/Front-End-Checklist/browser-caching

排查页面加载缓慢、资源过大或渲染延迟，落实“启用浏览器缓存”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。

io.github.thedaviddias/Front-End-Checklist/browser-required

排查页面加载缓慢、资源过大或渲染延迟，落实“执行浏览器端性能审计”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。

io.github.thedaviddias/Front-End-Checklist/review

适用于商品页、本地商家页、菜谱、图书以及任何聚合用户评价的页面。审计电商或评价类站点的富媒体搜索结果（rich result）资格时使用。

io.github.thedaviddias/Front-End-Checklist/css-critical

审查样式表、组件样式与响应式行为，落实“内联关键 CSS 以加快渲染”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-order

审查样式表、组件样式与响应式行为，落实“正确排列 CSS 文件顺序”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-minification

审查样式表、组件样式与响应式行为，落实“压缩所有 CSS 文件”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-non-blocking

审查样式表、组件样式与响应式行为，落实“不阻塞渲染地加载 CSS”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-custom-properties

审查样式表、组件样式与响应式行为，落实“用 CSS 自定义属性承载设计令牌”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-grid

审查样式表、组件样式与响应式行为，落实“用 CSS Grid 做二维布局”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-print

审查样式表、组件样式与响应式行为，落实“包含打印样式表”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

io.github.thedaviddias/Front-End-Checklist/css-file-size

排查页面加载缓慢、资源过大或渲染延迟，落实“优化 CSS 文件体积”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。

io.github.thedaviddias/Front-End-Checklist/css-containment

审查样式表、组件样式与响应式行为，落实“用 CSS containment 限制重绘范围”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。