這是一節以UI佈局、容器元件的使用為主題的live，專注於佈局與容器這一個點，努力把這一點講透。這是繼4月22日整體入門live“零基礎週末學習小程式開發”之後，從小處著眼、細處學習的嘗試。
以下是課堂計劃：
- 最流行的佈局之flex佈局講解，附《講義：flex佈局.pdf》分享
- flex佈局實踐，講解view、scroll-view、swiper、cover-view等元件的使用，附《講義：小程式容器元件佈局實踐.pdf》分享，附demo原始碼分享
- 問答：什麼是flex佈局？
- 問答：如何理解flex-wrap的屬性值wrap-reverse？
- 問答：如何調整側軸方向上某個子元素的對齊方式，實現琴鍵按下的效果？
- 問答：如何記憶align-items與justify-content誰是主軸誰是副軸？
- 問答：如何實現邊欄寬度固定，其餘部分自由伸展的佈局？
- 問答：有哪些屬性是調整子元素個體行為的？
- 問答：flex做為屬性值和屬性名的不同？
- 問答：當flex-direction為row時，justify-content、align-items和align-content各有哪些表現？
會有兩篇講義，有一個獨立的隨堂demo分享：
以上資料，僅限於參加live的同學下載學習，請勿外傳分享。
參加這節課，請戳這裡：零基礎前端自學入門：小程式UI容器元件