今天完成的事：

1、开始写任务14-15；重构，重新写；完成导航栏，响应式胶囊导航栏；

2、正在理解构思：轮播图，有个思路。

可以用：checked绑动画的帧数，而不是位置，从而实现自动轮播和按钮控制，因为还不确定是否可行，我这里只是提出来一个看法，想了太久，未来得及实施。

这个想了很久，因为所有人都在用它绑定位置，一开始就给我们一个先入为主的思维模式。明天试试，有点小兴奋。

3、晚上的时候因为个人事务耽误了挺多时间，明天补回来。

明天的计划：

1、先做出轮播图，彻底理解它的原理，以及尽可能写完第一个页面的大体结构布局。

遇到的困难：

1、首先是响应式胶囊导航栏。构思过程有点曲折。

就是在处理胶囊按钮点击的时候，导航的具体内容下滑出现，这是个难点。

一开始想到的是用display:none，但是，transition的动画定不支持display属性，导航栏凭空出现，和消失，给人很突兀的感觉。

后来我想了一种方式，先用visibility将整个隐藏住，设置max-height：0;达到隐藏视觉而不占位空间；然后，checkbox处于checked状态的得时候，max-height：auto（或者你给他一个具体的高度）,使得整个导航栏高度自动撑开，这时候绑定trsition的动画，就可以达到模拟下拉的效果。

2、目前卡在轮播图，还是不太理解它的绑定原理，所以没办法很熟练的构思出整体的写法。

收获：

1、整体来说，今天更多的是对之前的响应式和checkbox以及raidio的巧妙用法的一些练习。

CSS3真的很强大。

之前太过于依赖框架，导致失去了一些原生CSS写动态的锻炼机会。这次任务是很好的练习机会吧。

2、思维定势。在考虑问题的时候，我们可以借鉴以前的经验，但是，不要太过于先入为主。切记切记。

开始时间：2018.06.7

结束时间：2018.06.14

有无延期风险： 无。（我尽量一周内完成！！！）

禅道：http://task.jnshu.com/zentao/my-task.html