♻️
前端 TDD（测试驱动开发）
  • README
  • 总-课程目标
  • 总-课程安排
  • Coding
    • 第一题：FizzBuzz 数字游戏
      • 什么是 FizzBuzz？
      • 任务 0：练功前的热身
      • FizzBuzz 项目剖析
      • 任务 1：TDD 初体验
      • 任务 2：先利其器
      • 任务 3：再撸一遍
      • FizzBuzz 项目总结
      • 附录 1：Jest 测试基础及要点
      • 附录 2：Testing Library 组件测试基础
    • 第二题：MarsRover 火星车
      • 任务 1：Tasking 任务分解
      • 火星车实战
      • 火星车 Tasking 任务分解
      • 任务 2：MarsRover 实战演练
      • MarsRover Coding 演示
      • 任务 3：MarsRover 练习
      • MarsRover 项目总结
    • 第三题：CommentBox 留言板
      • CommentBox 项目剖析
      • 任务 1：Cypress E2E 测试
      • 任务 2：测试驱动组件单元接口
      • 任务 3：组件级别的快速反馈
      • 任务 4：由外到内的前端 TDD
      • CommentBox 项目总结
    • 第四题：Bookshelf 魔法书架
      • Bookshelf 项目剖析
      • 任务 1：练习 API 契约测试
      • 任务 2：组件化与数据流管理
      • 任务 3：Redux 数据流测试
      • 任务 4：简化 Redux 项目结构
      • Bookshelf 项目总结
      • 附录 1：什么才是真正的 RESTful 架构？
      • 附录 2：【译】Redux 和 命令模式
      • 附录 3：【译】什么是 Flux 架构？（兼谈 DDD 和 CQRS）
    • 第五题：ShoppingCart 购物车
      • ShoppingCart 项目剖析
      • React 哲学：Thinking in React
      • 任务 1：任务分解 - 驱动组件树拆分
      • 任务 2：综合应用 - 驱动组件接口设计
      • 任务 3：综合应用 - 驱动数据流管理
      • 任务 4：综合应用 - 驱动组件样式开发
      • ShoppingCart 项目总结
由 GitBook 提供支持
在本页
  • 这一次任务新的练习要求：
  • 思考一下
  1. Coding
  2. 第一题：FizzBuzz 数字游戏

任务 2：先利其器

上一页任务 1：TDD 初体验下一页任务 3：再撸一遍

最后更新于5年前

Hi，你好，我是 JimmyLv 吕靖，这是你开始 前端 TDD 练习的第 2 天，第一次使用 TDD 编码的感觉怎么样？

完整实现一遍 FizzBuzz 用了你多长时间？

如果没能在 15 分钟内完成的话，不好意思，不合格的程序员说的就是你了……

当然很有可能你的工作环境就没有进入最佳状态，拖慢了你编程的速度。

现在开始第二件事——反复训练，在过程中不断优化，整理一下你的工作环境

这一次任务新的练习要求：

  1. 打开 WebStorm（如果没有的话，现在去装一个，社区版是免费的）

  2. 把 IDE 的快捷键提示表打印出来（另外推荐一个快捷键提示的插件：）

  3. 再做一遍 FizzBuzz，不一定要做完，实现第一部分的功能即可

  4. 但是！注意！这次做 FizzBuzz 的时候不准动鼠标

这一遍我要你做的是：

  • 今天学到了什么新的快捷键操作？

  • 不准动鼠标的规定在什么时候感到最难遵守？

  • 第二遍做这道题目，是否还有卡壳的情况？为什么？

在这段时间里，我希望你能在三遍的基础上反复训练，有问题随时在群里同步。

思考一下

再想一想，哪些重复代码一直在敲，是否可以识别模式抽取下 live template？

另外可以看看 IDE 已经内置的 live template，学习如何使用它们：

Key Promoter X