今天要來介紹也是在寫 React 的時候非常容易用到的功能,那就是 條件式渲染(Conditional Rendering)。這邊的渲染(Render),就是在...
在前一章中,我學到「變數與資料型別」的概念,知道如何用變數來儲存資料、讓網頁能夠記住資訊。接著進入 Day 18,我學到更進一步的內容——「條件判斷」。有了變數...
昨天我們用 Flex Message 製作了商品選單,今天要把選單和訂單邏輯串起來,讓顧客可以完成一次完整的下單流程。這包含:選商品 → 選數量 → 確認訂單...
即時切換風格功能 前端設計
即時切換風格功能是一個讓使用者可以將圖片轉換為不同藝術風格的應用,例如卡通風格、油畫風格、像素風格等。前端的主要目的是提供一個直觀的...
社群圈頁面擴充
新增「全部貼文/我的圈子」切換功能
讀取目前追蹤名單,在前端動態篩選,只顯示關注對象的貼文
切換追蹤狀態時,會同步維護追蹤清單並顯示空狀態提示...
繼續說明昨天沒說到的部分
Box Model (盒模型)
一個 box model 包含,margin、border、padding、content。![!...