2022年4月15日,第8天

【2022年4月15日,第8天】【学习时长】
8h。累计36h。
【代码数量】
110行。累计1900行。
【学习内容】
今天学了一些移动Web开发的一些基础知识,如:视口、物理像素与物理像素比、二倍图等。还学完了流式布局与Flex布局的一些基础知识。明天准备用今天所学的知识做一个案例,巩固今天的学习内容。
【遇到的问题】
(1)今天发现之前写的电商网页有几个报错,暂时不知道是什么原因,需要查资料。
(2)今天在做一个3D效果的时候发现,一个盒子中放一张图片,盒子转过180度后,看到的应该是这个盒子的背面,也就是应该看不到东西。但是,实际看到的却是这张图片翻转的效果。不知道这是不正常的。
【今日解决的问题】
图片很小的时候可以用line-height = 行高 来实现近似居中对齐,因为图片可能与文字一样大。但是,如果图片比较大,除了加line-height = 行高外,还要加vertical-align:middle。一般有行内块的地方,都要加verticla-align:middle。图片或者说行内块,默认是与文字基线对齐的。
【学习计划】
移动Web网页开发部分的视频教程时长21小时。计划用4.5天时间看完,另外再用2.5天来完成相应的案例,总共用时7天学完这一部分内容,即要在4月20日当天结束。
【其他】
学的这个教程还是不错的,视频教程、讲义、原代码及所种软件安装包都有。但是,我发现了个问题,就是我认为老师在讲课的时候不太讲原理,很多时候只讲现象。其实如果能把原理讲一下,学生明白这种现象背后的原因,就更容易记住。比如,我今天在回看外边距合并部分的内容时我就发现,相邻盒子外边距合并的实质应该是margin距离的计算是以盒子的边缘作为起始线导致的。如果老师能加一这么一句,我觉得我当时应该就能记住了。

    推荐阅读