文章出處
文章列表
這是一節以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容器組件
文章列表
全站熱搜
留言列表
