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