手记

【学习打卡】第1天 flex布局

课程名称:微信小程序入门与实战(全新版)

课程章节:构建文章详情页面(3)

主讲老师:7七月

课程内容:

今天学习的内容包括:

通过微信小程序构建文章的详情页,将容器设置为响应式,使子节点不用单独设置。如何设计前端页面。

flex容器布局:

display: flex
flex-direction: row/column; /*按行排列或按列排列*/
align-items: center

前端页面制作的原则:

先静后动
先整体后局部
先骨架在样式
先上后下


课程收获:

知晓前端页面更加优秀的设计方法,使用 flex 容器布局更利于开发,简单易用,不用再深究浮动、定位等。

用一句话来说,能够用 flex 容器布局实现的设计都应该使用flex 容器布局去实现。

前端页面制作应遵循先静后动、先整体后局部、先骨架后样式、线上后下的原则更加有利于开发。可以很好地根据页面效果调整自己的开发思路,如果时间允许的话,还应该在每次开发时做好相对应的单元测试。这种编程习惯的养成对日后的工作进阶之路大有裨益。

今日课程学习时间花费 8 分钟,今日较忙,明日加倍努力,学他一个钟。学习使我快乐。



0人推荐
随时随地看视频
慕课网APP