列表项 listitem
io.github.thedaviddias/Front-End-Checklist/listitem
适用于含 li 元素的 HTML 文档。同样适用于自定义 ARIA 列表——role=listitem 必须由 role=list 拥有。常见违规出现在列表标记被拆分到多个组件的模板系统,或 CSS reset 中把 li 当作布局元素而缺少正确列表父级。
“github gitlab git pull” 共 6,464 个结果
io.github.thedaviddias/Front-End-Checklist/listitem
适用于含 li 元素的 HTML 文档。同样适用于自定义 ARIA 列表——role=listitem 必须由 role=list 拥有。常见违规出现在列表标记被拆分到多个组件的模板系统,或 CSS reset 中把 li 当作布局元素而缺少正确列表父级。
io.github.thedaviddias/Front-End-Checklist/horizontal-scroll
适用于所有 CSS 布局规则。检查容器上的 width、min-width、固定像素值,以及 overflow、white-space、word-break 属性。审计响应式设计或 WCAG 2.1 AA 合规时使用。在 320px 视口宽度和 400% 浏览器缩放下测试。
io.github.thedaviddias/Front-End-Checklist/text-expansion
审查渲染可翻译字符串的元素上,CSS 是否存在固定尺寸、截断或 overflow 规则时使用。
io.github.thedaviddias/Front-End-Checklist/interstitials
适用于 modal、遮罩层、弹窗、cookie 横幅、订阅对话框和促销浮层等 CSS 与 JS 实现。检查 position: fixed、带大 z-index 的 position: absolute、背景遮罩,以及在页面加载后立刻或稍后显示弹窗的 JavaScript。同时考虑 SEO(Google)与可访问性(WCAG 焦点管理)影响。
io.github.thedaviddias/Front-End-Checklist/cascade-layers
审查存在优先级问题的 CSS 架构、搭建设计系统,或把大型代码库从 utility-first 迁移到分层架构时使用。
io.github.thedaviddias/Front-End-Checklist/embedded-or-inline-css
审查样式表、组件样式与响应式行为,落实“避免嵌入式与内联 CSS”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。
io.github.thedaviddias/Front-End-Checklist/dark-mode-css
审查样式表、组件样式与响应式行为,落实“用 prefers-color-scheme 支持暗色模式”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。
io.github.thedaviddias/Front-End-Checklist/content-without-css
审查可能依赖表现层传递语义的渲染 HTML、布局组件或设计系统模式时使用。检查 DOM 顺序、语义结构、表单关联,以及 CSS 生成内容是否承载了关键信息。
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/browser-caching
排查页面加载缓慢、资源过大或渲染延迟,落实“启用浏览器缓存”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。
io.github.thedaviddias/Front-End-Checklist/browser-required
排查页面加载缓慢、资源过大或渲染延迟,落实“执行浏览器端性能审计”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。
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 文件”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。