发表于: 2018-05-30 00:13:40
3 433
今天完成的事情:
花了三天的时间终于做完了任务8,这个效率太慢了,三天做了三面静态页面,还是不带数据的,不知道专业的前端一个页面需要开发多久
明天计划的事情:
1.明天开始停止做任务了,必须先把bootstrap,web移动响应式布局,弹性盒子模型,学通一遍,不能再边做任务边查文档,这种方式太累,效率太低
遇到的问题:
1.padding无法撑开给定宽高的盒子
-->通过师兄的提醒,了解到border-box的盒子行为,为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
2.遇到问题,卡的时间非常久,主要原因是因为超出已有的知识范围
-->基础的知识点一定了解全面了之后再去做任务
-->debug时间如果超过半个小时,要么跳过,要么寻求社交求助,切记不要死磕
3.非技术性问题,非常繁琐,比如说测量效果图中元素与元素之间的距离,每个页面要费很多时间调整样式上的差异。
-->利用一款辅助工具“像素大厨”,可以帮助标注psd中元素与元素的距离。大大提高效率
4.css可以外联,所以一些不同页面的相同的元素可以只写一串代码,同一个样式。可是html代码却不行,比如有很多重复的元素,就只能实打实的复制黏贴同等数量的的代码,这样会增加很多代码量,不会导致代码冗余么
-->没有好的解决方案
收获:利用“像素大厨”可以加速页面的实现,并且比较精准
debug时间太长,一定不要死磕!!!!
评论