嗯~ o( ̄▽ ̄)o.............,怎么说呢...........感觉好久没写过简书了,U1S1,前面好像都是在划水........这周说下进程吧,上周吭吭哧哧把第一个DNF官网拿下来,在这周写网页的时候进度快了一些,完成了阶段剩下要求的四个网页,其中也有一些不足之处,发现了自己动画方面的不足之处,在写和平精英官网时着重练习了各种动画,如3D魔方,走马灯,手风琴切换引起的背景图切换......算是对动画能够初步的掌握。其中感觉在动画中应用的关键是input和label标签的搭配使用,真的方便了很多,结合opacity或者display:none,能够实现好多动画的展示。
这个阶段过程中给我最大感受的是,在后期用大屏写网页的时候和最后展现到小屏上显示出来的有差异,对于同学们常说的缩放问题上总是出现移动的问题,主要还是定位+margin没能够用好,其中在写华为官网的时候,因为其版面比较规整,在学长先前提到过了Flex布局,所以就刻意用了一下,当然在一些大的图片布局方面,flex布局确实展示了它的妙不可言之处,最后后面的网页在写nav栏时候尝试使用,发现在后面菜单栏的展示上,可能出现位置不匹配,这时候需要在通过padding或者margin来调试,总结下来,就是flex布局在大比较规整的盒子下或者图片中进行运用,且尽量只对一个盒子进行应用,多个盒子出现,会将其变成同一行。
在动画方面,第一次做轮播图,单纯的像个孩子一样用float,在后面写动画时候,轮播图用flex+overflow,更加合适,但是有一个问题就是如果再加上label标签的使用,如果装图片的盒子移动位置用relative,移动位置时候用%形式,发现后期在进行点击实现时候,无法得知移动距离,如果用px则能够知道精确位置,较为容易实现。
so..........我继续去追“同一屋檐下”了,就到这里吧(ง •_•)ง
!