发表于: 2016-03-02 23:11:28
1 1343
1.今天完成的事情:
(1)今天开始写任务3的代码,写得不顺利,很多知识点都要重新去翻w3c,仍然没有掌握布局的方法,下午用id选择加各种乱七八糟的定位勉强画出来一个,自己觉得太丑了,并且没法做到自适应,知道存在很大的问题。
(2)晚上翻阅师兄的日报和代码,进行对比发现自己对任务三的自适应布局完全理解错了,通过分析古尘师姐的任务三代码,同时用F12对她的作业进行调试,逐渐弄明白了一些之前自己并没有使用的声明的作用,发觉自己的问题主要有布局思路不清晰,画的小盒子模型大小脱离了PSD源文件实际大小的尺寸,类选择器使用及命名混乱,对PSD文件的各尺寸没有进行测量等。
(3)分析了一遍后自己动手重新开始写,通过PS测量了各切图及文本框的大小占比,仿照布局编写了代码,过程中仍然有参照师姐代码的现象。写完后测试完成,F12调整了部分参数大小后上传。
2.明天计划的事情:
(1)给云服务器写一个首页,方便展示task作业。
(2)任务4。
3.遇到的问题:
(1)经常遇到构思好了布局,写代码过程中对各参数不够了解,,需要写完以后进行F12调试,尝试各种添加修改才发现问题,感觉很不熟练。
(2)盒子模型的padding使用不熟练,
(3)对PS操作不熟。开始不知道用PS去测量,后来发现写出来的盒子大小完全不匹配,才知道用PS进行测量,同时算出百分比。编写过程中先用百分比定义width或height,然后规定测量出的最大值,这样才能做到自适应。
(4)总是需要参照别人的代码才能发现自己的问题,有时候还要对着别人的代码思路才清楚,不喜欢这种毫无头绪只能学习别人的感觉。
4.收获:
(1)对布局思路有了更清楚地认识,但是依然不够熟练。
(2)知道了px,em,rem的区别,并在代码中进行了使用。感谢师兄推荐的这篇文章:http://www.cnblogs.com/leejersey/p/3662612.html
(3)学会了用PS进行测量,同时表现在代码中。
(4)初步理解了自适应的思路,还需练习。
(5)晚上吃完饭看了两把LGD被吊打的比赛,连DOTA也要被棒子吊打了。
评论