波仔
🧡 第十二章 实战项目1：Chrome扩展
📄 一句话概括

一次只做一个模块，而且做完就验；每个模块都先写下验收标准——五步的顺序不能换，每一步都建立在上一步跑通之上。

📝 本节和前面几节的关系

上一节把分工定下来了；这一节按分工一个一个填功能。

一、五个模块，五条验收标准

图标能点开 → 取当前页地址 → 抓正文 → 转成 Markdown → 存成文件。 每一步都有一个能当场验的标准——比如【弹窗里显示的就是你正在看的那一页】。 先写下标准，再让它写代码——顺序反过来，你验的时候就会心软。

二、顺序不能换

每一步都建立在上一步能跑通的假设上。 跳着做，出问题时你分不清是这一步错了，还是上一步的地基不稳。

三、做完就验，验过再走

每做完一个模块，自己动手验一次——这是全书最省时间的一条纪律。 原因就在第 10.1 节：它写的代码看着都对。 一次写三个模块，出问题时你甚至不知道该怀疑哪一段。

四、一次只让它改一处

报错时只让它改一个地方，改完立刻验。 它一次改五处，就算跑通了，你也不知道是哪一处起的作用。 这跟需求阶段的纪律是同一条：小步、可验、能退回（第 12.9 节）。

五、动手 Demo：Phase 3——逐个模块开发

下面把五个模块与各自的验收标准排开。

TH([u"模块", u"做完的标志"], [26, 52])
T([u"① 图标能点开", u"点一下有窗口弹出来，不报错"], [26, 52])
T([u"⑤ 存成文件", u"点了就有下载，打开内容正确"], [26, 52])

实跑输出：

--------------------------------------------------------------------
Phase 3——逐个模块开发
--------------------------------------------------------------------

**一次只做一个模块，而且做完就验**——每个模块都有一个验收标准：

  模块                做完的标志
  -----------------------------------------------------
  ① 图标能点开        点一下有窗口弹出来，不报错
  ② 取当前页地址      弹窗里显示的就是你正在看的那一页
  ③ 抓正文            抓到的是正文，不是导航和广告
  ④ 转成 Markdown     标题、列表、代码块都还在
  ⑤ 存成文件          点了就有下载，打开内容正确

这五步的顺序**不能换**——每一步都建立在上一步能跑通的假设上。

    **每做完一个模块，自己动手验一次。**
    **验过再往下走**——这是全书最省时间的一条纪律。

原因在第十章的自信错误里：**它写的代码看着都对**，
一次写三个模块，出问题时你**不知道该怀疑哪一段**。

一步一验：每做完一个模块自己动手验一次——这是全书最省时间的一条纪律。 原因在第十章：它写的代码看着都对，一次写三个模块，出问题不知道该怀疑哪一段。

30 秒实验

  1. 把五个模块的验收标准抄下来，贴在旁边，做一步勾一步。
  2. 这次刻意为难一下：主动制造一个错误，看自己能不能立刻定位到是哪一步。

常见误区

  1. 一口气让它写完五个模块。出问题时你不知道该怀疑哪一段。
  2. 先让它写代码、跑通了再补验收标准。验收标准必须先写，不然验的时候会心软。
自测三问（点开对答案） 1. 五个模块的顺序是什么？ —— 图标能点开 → 取当前页地址 → 抓正文 → 转 Markdown → 存成文件。 2. 为什么顺序不能换？ —— 每一步都建立在上一步能跑通的假设上。 3. 报错时应该让它改几处？ —— 一次只改一处，改完立刻验。

相关笔记