由 pnpm docs:lessons 生成;内容源 src/data/advanced.json,合同源 scripts/generate-advanced.mjs。含教师参考答案。前置:01–54。
组织顺序综合使用八面板与辅助工具。用功能契约串联八面板,按风险和证据决定顺序,修复后回归并记录尚未验证的范围。
功能、响应、执行、状态、资源成本与可用性分别有证据入口。
输入→响应→执行→页面→存储,录制与审计作为旁证。
通过课堂病例不代表安全、SEO、性能或无障碍全面合格。
根据证据生成关系图和遗漏提示。改变本课输入条件并预测结果;对照请求、状态或约束的关系;切换最小修复并复位,核对改变的范围。综合题先提交判断再解锁因果模型,所有模型不计完成。
商城看似能购买,但发布检查发现多处不一致。先制定检查顺序与通过条件。
- 先写发布检查顺序、正常输入和失败判据,不先指定根因。
- 运行故障并执行商城流程;自主选择工具,记录至少三条相互关联的证据。
- 逐项记录八面板与辅助工具的实际结果或未检查原因。
- 提交初步判断后查看关系图,找遗漏而非追求总分。
- 应用最小相关对照,重复查询、数量、结算和详情操作。
- 填写发布记录与剩余风险;实际 Lighthouse、Recorder、快照另行导出。
完成新故障配置并记录遗留问题。新输入与两种故障随机;可能再次抽到同种,不保证轮流。
| 配置 | 根因 | 实际证据 | 针对性验证 |
|---|---|---|---|
| 配置1 | 价格类型、按钮名称与购物布局同时不符合契约 | 真实响应 price 为 string、图标无名称且商品区横向溢出 | 统一价格类型、恢复准确名称与弹性布局,再完成检查矩阵 |
| 配置2 | 过期状态、重复结算处理和详情引用共同残留 | Storage 为旧结构,一次点击执行两次且关闭详情仍被保留 | 迁移状态、去重处理并清理引用,重复购买与详情流程 |
| 干扰项 | 只根据表面现象修改无关条件 | 没有保留条件与输入的一次截图 | 同时改变设备、数据与逻辑,只保留成功结果 |
- 先复现 商城看似能购买,但发布检查发现多处不一致。先制定检查顺序与通过条件。
- 对照实际证据:真实响应 price 为 string、图标无名称且商品区横向溢出;或 Storage 为旧结构,一次点击执行两次且关闭详情仍被保留
- 一次只改变对应原因:统一价格类型、恢复准确名称与弹性布局,再完成检查矩阵;或 迁移状态、去重处理并清理引用,重复购买与详情流程
矩阵是人工记录,不自动操作八面板,也不生成审计、trace 或快照。 保持输入、数量、环境一致;完成故障与正常对照,选择一致证据;三轮引导和两配置挑战分别取证,原生步骤与本地结果分列。停止后清理本会话资源,再恢复浏览器设置。