搜索「Search The Web」的结果

io.github.thedaviddias/Front-End-Checklist/carousel-accessibility

审查与“让轮播可访问”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

io.github.thedaviddias/Front-End-Checklist/avoid-eval

审查与“绝不使用 eval() 或不安全的动态代码执行”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

io.github.thedaviddias/Front-End-Checklist/accordion-accessibility

审查与“让手风琴支持键盘导航”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

io.github.thedaviddias/Front-End-Checklist/accessible-tooltips

审查与“创建可访问的工具提示”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

io.github.thedaviddias/Front-End-Checklist/accessible-notifications

审查与“让通知可访问”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

io.github.thedaviddias/Front-End-Checklist/404-page

审查与“创建自定义 404 错误页”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

io.github.thedaviddias/Front-End-Checklist/back-forward-cache

审查导航性能、浏览器生命周期事件或内存恢复行为时使用。检查真实的浏览器生命周期与恢复路径，而不是只看静态代码模式。

io.github.thedaviddias/Front-End-Checklist/cross-browser-testing

审查与“在所有主流浏览器上测试”相关的 CI 覆盖、自动化检查或测试策略时使用。重点看规则是否被持续验证，而不只是写在文档里。

io.github.thedaviddias/Front-End-Checklist/touch-targets

适用于触屏界面上的所有交互元素：按钮、链接、复选框、单选框、表单输入、图标按钮和菜单项。检查交互元素 CSS 的 min-width、min-height、width、height 和 padding。对仅含图标的按钮（关闭、删除、分享）尤其重要，它们常被做得过小。

io.github.thedaviddias/Front-End-Checklist/link-in-text-block

适用于段落或文本块中内联出现的超链接（a 元素）。不适用于导航菜单、按钮式链接，或视觉上与正文隔离的独立链接。审查移除正文内联链接下划线样式的 CSS 时使用。

io.github.thedaviddias/Front-End-Checklist/styles-lint

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

io.github.thedaviddias/Front-End-Checklist/specificity-management

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

io.github.thedaviddias/Front-End-Checklist/responsive-images

审查在多个断点尺寸下渲染的正文图片、卡片、图集或任意组件时使用。标记与 CSS 布局都要检查，因为错误的 sizes 属性会让再好的 srcset 也失效。

io.github.thedaviddias/Front-End-Checklist/naming-conventions

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

io.github.thedaviddias/Front-End-Checklist/mime-type

审计服务器配置或诊断资源加载失败时使用。适用于提供 HTML、CSS、JS、图片、字体等静态资源的任意 Web 服务器。

io.github.thedaviddias/Front-End-Checklist/logical-properties

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

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 生成内容是否承载了关键信息。