发表于: 2018-06-08 10:56:43
1 603
今天完成的事:
1、被轮播图折磨致死。。。哇,贼难受。烧脑子。
明天的计划:
1、不管,第一个页面一定要写完。师兄开来救我!!!
遇到的困难:
1、轮播图。现在我还没有想明白怎么处理左右两个按钮的问题。
我的思路是左边的箭头其实是四个label,他们叠在一起,然后分别绑定input的radio,逻辑也想清楚了,第一个箭头绑定的是input-type-of(2),就是input的第二个元素,因为它是绑定了是第二个图片,正好符合轮播的逻辑,但是,问题来了,我没办法控制这四个堆叠在一起的箭头的顺序。:checked触发以后,怎么让最前面的箭头掉下去。。。
收获:
1、没啥收获,脑力用尽。还是有一点的...
嗯,伪类的话,千万千万要处理好子类的选择问题。举个栗子,A:checkeB;触发事件,B必须是A的兄弟元素,或者子集元素或者是兄弟的子集元素!!!!!
进度:CSS-任务14
开始时间:2018.06.7
结束时间:2018.06.14
有无延期风险: 无。(我尽量一周内完成!!!)
禅道:http://task.jnshu.com/zentao/my-task.html
任务总结:
任务名称:CSS=TASK13
成果链接:https://kattemchen.github.io/Task/mytask13/html/mytask13-1.html
任务耗时:2018.6.2~6.5(4天)
技能脑图:
官网脑图:
个人导图:
任务总结:
这次任务13是锻炼多页面SASS重构。
嗯,难点,
第一个是代码的规范,也是重构的第一步,先将原有的代码重新整理,注意语义化,书写规范;
第二个是样式分离;提取“公因式”,整理,把没必要的属性删除,同时优化html的结构;
第三个是加了汉堡菜单,其中涉及到的是transform属性和transition的应用,这个是之前涉及到但是不是很熟悉的知识,去看下。
第四个,汉堡菜单用checkbox配合:checked伪类一起,绑定某个元素,实现滑动的效果,在写个任务这个更为明显。
总的来说,这个任务工程量并不少。学到的也很多,挺锻炼人的。
评论