零基礎前端自學入門：小程序UI容器組件

這是一節以UI布局、容器組件的使用為主題的live，專註於布局與容器這一個點，努力把這一點講透。這是繼4月22日整體入門live“零基礎周末學習小程序開發”之後，從小處著眼、細處學習的嘗試。

以下是課堂計劃：

1. 最流行的布局之flex布局講解，附《講義：flex布局.pdf》分享
2. flex布局實踐，講解view、scroll-view、swiper、cover-view等組件的使用，附《講義：小程序容器組件布局實踐.pdf》分享，附demo源碼分享
3. 問答：什麽是flex布局？
4. 問答：如何理解flex-wrap的屬性值wrap-reverse？
5. 問答：如何調整側軸方向上某個子元素的對齊方式，實現琴鍵按下的效果？
6. 問答：如何記憶align-items與justify-content誰是主軸誰是副軸？
7. 問答：如何實現邊欄寬度固定，其余部分自由伸展的布局？
8. 問答：有哪些屬性是調整子元素個體行為的？
9. 問答：flex做為屬性值和屬性名的不同？
10. 問答：當flex-direction為row時，justify-content、align-items和align-content各有哪些表現？

會有兩篇講義，有一個獨立的隨堂demo分享：

以上資料，僅限於參加live的同學下載學習，請勿外傳分享。

參加這節課，請戳這裏：零基礎前端自學入門：小程序UI容器組件

微信小程序 | 51，live新課“小程序UI容器組件”的課堂計劃