TDD 的开发方式
- Test Driven Development - 测试驱动开发
- 这是一种非常有意思的开发方式，我们进入一个实际场景，拿需要自研的colorpicker表单组件来说
- 表单中的很多属性，都需要进行一个颜色的选择，如背景颜色，字体颜色等等
- 我们来看一下相关设计交互
-
在这里我们分两个图，点击这个颜色框之前，上面部分是可以点击
-
点击之后，它会弹出一个框出来，通过上图，就可以进行一个需求的分析
-
显示
- 左侧显示当前传入的颜色
- 右侧显示十种常用的颜色
- 右侧最后一个是透明，点击以后清除效果
-
点击
- 点击左侧，显示颜色选择框，在颜色框中点击或者在input 中修改值以后，将新的值以事件的形式发射出去
- 点击右侧的任何颜色，将新的值以事件的形式发射出去
-
特别注意：
- 左侧可以使用
