微信小程序开发实战之番茄时钟开发

先说清楚：这门课不适合赶时间的人

如果你正打算用一晚上刷完一门小程序课，那这门《微信小程序开发实战之番茄时钟开发》大概率会让你更焦虑。它的节奏是围绕一个具体的小工具展开的——番茄时钟，也就是倒计时、任务记录、提醒这一套东西。功能听起来简单，但真写起来会牵扯到小程序的生命周期、页面栈、数据绑定、定时器管理、本地存储这几块。任何一块没弄明白，代码就跑不出你想要的样子。

所以我的建议是：把它当成两周左右的慢课来用，而不是周末突击项目。

先看哪几讲，别从头硬啃

打开资料包后，不用急着从第一节顺序看到尾。先去找讲“页面结构”和“数据绑定”的那几讲，把 WXML 和 JS 里 data 怎么互相影响这件事弄明白。这是番茄时钟能不能动起来的地基。地基没通，后面抄代码也是白抄，改一个变量名就崩。

接着看倒计时逻辑相关的部分。番茄时钟的核心就是 setInterval 和 clearInterval 的配合，以及页面隐藏、切后台的时候定时器该怎么处理。这一段值得反复看两三遍，因为它是这门课里唯一真正“有难度”的地方，其他地方都是熟能生巧。

至于界面美化、图标排版这类章节，可以先跳过，等主体功能跑通了再回头补。

哪些章节可以快进，哪些不能

• 可以快进：项目创建、开发者工具安装、目录结构介绍。这些看一遍知道在哪就行，不用记。
• 可以快进：纯样式调整的部分，比如颜色、圆角、字体大小。不影响逻辑，照着改即可。
• 不能快进：定时器开关与页面生命周期的关系。
• 不能快进：本地存储读写，也就是番茄记录怎么存下来、下次打开还在。
• 不能快进：真机预览那一段，模拟器和真机的表现差别经常让人卡住。

资料怎样配合练习

配套的章节笔记适合课后复盘，但别把它当答案册用。我的用法是：先自己写一遍，卡住了再看笔记对应的地方，看完立刻关掉，凭记忆再写一次。小程序开发的门槛不在看懂，在手能敲出来。

图片类的附件主要是界面参考，看看目标长什么样就够了，不必逐像素对齐。真正要花时间的是把倒计时跑通、把暂停和重置做对、把记录存下来这三件事。

承认一下：有些部分你可能学不会

如果你完全没接触过 JavaScript，这门课会让你有点难受。它不是零基础语法课，默认你知道变量、函数、回调大概是怎么回事。遇到看不懂的地方，别硬扛，先去补最基础的 JS 语法，再回来。这不是你的问题，是课程定位本来就没打算从语法教起。

另外，番茄时钟做完之后，你未必能立刻做出别的小程序。这是正常的。它教会你的是一类小工具的完整流程，不是全部。慢慢来，把这一件事做扎实，比囫囵吞下十个项目有用得多。