发表于: 2016-03-16 12:07:07

0 1996


今天完成的事情:

1、老大说不要用框架偷懒,于是再找了一遍轮播图,具体弄懂了原理——轮播图是由图片,计数器,控制器三部分组成的,计数器由列表元素组成,控制器控制向前或向后播放,通过 carousel-control 样式配合 left 和 right 来实现,具体如下:

<a class="left carousel-control" href="" >
 <span class="glyphicon glyphicon-chevron-left"></span>
 </a>
 <a class="right carousel-control" href="">
 <span class="glyphicon glyphicon-chevron-right"></span>
 </a> 

这部分还没完全消化理解。。

然后轮播效果是用CSS3中的-webkit-animation-结合@-webkit-keyframes完成的动画,其中animation控制动画时间,keyframes控制关键帧(不明觉厉。。好吧。。大概意思明白。。只是细节方面不是很懂。。凭我一己之力肯定是做不出这种玩意儿。。),最后做几个按钮,用lable与自己做的样式对应起来然后隐藏原样式就大致完成了。。

2、task8完成了卡片的样式布局。

明天计划的事情:

1、完成task8。

2、老大今天提到了Branch和Trunk和Tag有什么区别,然后我就懵逼了。。确实没去了解过。。然后WS上Git总是上传一次成功之后就会一直报错我也一直拖着没去解决。。看来我没有自己想象中那么重视Git啊。。明天要解决!

遇到的问题:

task8卡片做到最后一步的时候再次出现了奇怪的字体长度超出容器宽度的现象——所以就算你把浏览器缩放到可以看1920的图,也还是看不到1920下的字:-),显示器背锅!(好吧,我缺心眼儿_(:3」∠)_)

收获:

获得[7分熟的轮播图]x1,感受到了代码的无限可能性,第一张轮播图是怎样诞生的呢?

然后再次感受到来自浏览器的恶意——不要随便缩放!!!不要随便缩放!!!不要随便缩放!!


IMPORTENT:这里说的控制器下面的代码是bootstrap里面的!这里说的控制器下面的代码是bootstrap里面的!这里说的控制器下面的代码是bootstrap里面的!不是纯CSS的!





PS: 完成的任务已上传至服务器,可以通过119.10.57.65/ptt006/T*访问(*为1、3、4、5、6、7对应task1至task7,有个别任务在移动端的表现不是很好看。。周末集中优化。。轻喷。。)


返回列表 返回列表
评论

    分享到