发表于: 2016-03-25 22:53:37

1 992


今天完成的事情:

1、把task7首页改成自适应,但是轮播图还没做好。

2、看了一个关于轮播图的原理教程,但是实现不了自适应,而且不适应于太大的图片。(想着自己模仿写一遍,但是图片太大,实现不了。就是轮播图的父容器的样式设置有问题,但是我想不出方法,宝宝心里苦。。)

3、准备了一部分去线下的东西。


明天计划的事情:

1、把bootstrap上关于轮播图的源码看一下,完成轮播图。

2、有时间就写task9。


遇到的问题:

1、关于引用bootstrap的轮播图样式,引用bootstrap文件只引用了轮播图的效果,但是对自己引入的样式表造成了影响,感觉用bootstrap会有一定的限制,如果不熟bootstrap里的样式,挺麻烦的。第二点是我想的是虽然bootstrap里设定好很多样式,但是对于一些特定的要求可能造成一定的影响(那这种应该是通过编写less和sass源码引入自己想要的效果还是说放弃bootstrap单独写一份样式??)。

2、想着今天把task7改好的,看完轮播图的JS部分,简单的变量函数还可以理解,当各种变量里套变量,函数套函数,逻辑判断,循环,递归,感觉脑子要炸了,今天从早上7点到晚上9点不午休,有点头疼。。。


收获:

1、关于自适应的布局理解,刚开始理解以为是整体内容跟屏幕等比例缩放,但是和线下的师兄们讨论了一下,感觉自己的理解还是有问题。我想很多时候我只理解了自适应,但是没有真正理解布局这个概念。并不是说整体内容全部随着屏幕变化而变化,而是内容的排版需要适应不同的设备。某些内容需要定宽,另外一些内容需要适应设备去缩放。自适应的布局应该是定宽和百分比的混合,而不是说单独用某种设定,灵活运用才是正确的思路。(这样想了想,忽然想把前面的task全部推倒重写,每次重写特别难过,不断否定自己,成长果然是痛苦的。

2、看了一个轮播图的原理,通过把图片排成一列通过浮动取值变化达到轮播图的效果,但是图片太大的时候这种设置会有问题。而且还达不到自适应的效果。但是沿着这种思路我觉得应该是通过另外一种方法把图片藏起来,明天研究bootstrap里轮播图的源码。

3、看了轮播图里的JS部分,最大的感触就是思路要缜密,逻辑要清晰。感觉就是像多边形里每两点要连线,环环相扣。


返回列表 返回列表
评论

    分享到