课程名称:微信小程序入门与实战(全新版)
课程章节:构建文章详情页面(3)
主讲老师:7七月
课程内容:
今天学习的内容包括:
通过微信小程序构建文章的详情页,将容器设置为响应式,使子节点不用单独设置。如何设计前端页面。
flex容器布局:
display: flex flex-direction: row/column; /*按行排列或按列排列*/ align-items: center
前端页面制作的原则:
先静后动 先整体后局部 先骨架在样式 先上后下
课程收获:
知晓前端页面更加优秀的设计方法,使用 flex 容器布局更利于开发,简单易用,不用再深究浮动、定位等。
用一句话来说,能够用 flex 容器布局实现的设计都应该使用flex 容器布局去实现。
前端页面制作应遵循先静后动、先整体后局部、先骨架后样式、线上后下的原则更加有利于开发。可以很好地根据页面效果调整自己的开发思路,如果时间允许的话,还应该在每次开发时做好相对应的单元测试。这种编程习惯的养成对日后的工作进阶之路大有裨益。
今日课程学习时间花费 8 分钟,今日较忙,明日加倍努力,学他一个钟。学习使我快乐。