这不是另一张“大而全”的组件展厅,而是官方指南的质量索引。每类能力的真实案例分布在对应专题页,这里负责串联自动检查与人工视觉回归。
发布门
- 类型
- 0 错误
- 测试
- 全部通过
- 构建
- 静态导出
- 视觉
- 多状态
TypeScript 完整通过
组件与内容回归
公开路由可直接访问
桌面、移动、主题与动效
自动检查
npm run check
git diff --check| 检查门 | 发现什么 | 不能替代 |
|---|---|---|
| lint | 代码规范与常见错误 | 视觉层级判断 |
| types:check | 组件属性与数据契约 | 交互手感 |
| test | 语义、回归和关键逻辑 | 真实浏览器布局 |
| build | MDX、路由与静态导出 | 所有视口状态 |
人工视觉回归
发布前最后一轮
1 / 6展开和收起左右侧栏,正文宽度连续自适应。
检查知识树、本文导航、代码、表格和媒体不溢出。
检查正文对比度、边框层级、图表标签和焦点。
确认核心内容立即可见,自动动画停止。
检查居中、拖动、滚轮缩放、Esc 和焦点返回。
没有运行时错误、404 资源或重复加载循环。
内容证据抽查
- 易变事实写明核验日期必检
项目写作规范 ·
- 图片记录来源与授权必检
媒体治理规范 ·
- 示意数据明确标注必检
数据可视化指南 ·
按专题抽查
发布完成条件
检查通过、浏览器无错误、静态路由可访问、提交范围明确、远程部署成功,才算完成。