课程 272 / 365
75%
Vibe Coding 实战·练习·18 分钟
正文已完成

写一份从症状到根因的调试记录

保存复现、假设、证据、修复和回归结果,让同类问题下次更快定位。

L272

调试记录不是流水账。它应解释为什么会发生、什么条件触发、为什么这个修复有效以及如何防止复发。

这一课的结果

能提交一份区分根因、触发条件和修复证据的调试记录。

核心概念

先把关键判断说清楚

01

根因与触发条件分开

窄屏是触发条件,错误层级规则才可能是根因;二者混淆会导致错误修复。

02

记录被推翻的假设

简要保留关键排除证据,避免后来者重复走同一条路。

03

修复必须有回归保护

将最小复现变成自动测试或稳定检查,防止同类问题悄悄回来。

案例拆解

目录遮罩问题的完整记录

问题只在窄屏打开目录时出现,最初被误判为点击事件失效。

  1. 01

    事件日志证明点击已触发,推翻事件假设

  2. 02

    样式读回显示遮罩层级高于目录

  3. 03

    修复层级并加入移动视口交互测试

案例结果

记录把症状、证据、根因和防复发措施连成一份可复核结论。

提交前练习

现在轮到你

把一次已解决问题整理成可复用调试记录。

内容会自动保存在当前设备
查看参考答案与评分标准

参考答案

窄屏打开目录后不可点;点击事件正常,层级读回异常;根因为遮罩 z-index 高于抽屉;调整层级并新增 375px 端到端测试。

评分标准

  • 根因解释完整因果链
  • 记录关键排除证据
  • 修复后有回归保护

本课收口 · 学习证据

完成,不等于随手打一个勾。

确认阅读、保存练习,再用 30 秒检查和一句话总结留下真实学习证据。

0 / 3
02完成本课练习0 / 4 项必填内容已填写
03通过理解检查约 30 秒
“只在 375px 宽度出现”更可能属于什么?
你现在更接近哪一种状态?
完成上面三项后,才能把本课记为已验证。

资料来源

继续核对与延伸阅读

本课内容最近更新于