发表于: 2019-06-28 23:47:08

1 761


今日完成的事

      任务十四第一张图

明日完成的事

      请假中

收获

      在任务十三的时候看了张鑫旭以及别的大佬对于样式分离以及模块重用的解释,不过任务十三没有太多使用的地方,任务十四开始进行了样式的分离再分离,我采用的reset是这种看到张鑫旭提出的*{margin:0;padding:0}非常的蠢,确实padding:0 会对很多元素产生影响比如button,而且*渲染会占用部分资源。不过很多大型网站比如京东,还是采用了这种方案,而且页面打开速度也不慢,说明这个还是比较值的商榷的。


任务十四要掌握的知识之一就是手写栅格,我采用的是类似bootstrap的方式使用@media来进行变换,使用flex: 0 0 % 来固定竖排宽度,之前任务五个元素一行的时候用的是浮动来做的,使用的时候需要清除浮动,感觉有点麻烦,师兄提到了使用循环来写,下午研究了一下还是没有什么清晰的思路。轮播图这里手动点击和自动切换不能共存,发现animation的权重要更高点,


返回列表 返回列表
评论

    分享到