在前面的篇章裡,我們已經談過各種讓瀏覽器更強大的技術:從拖曳、攝影機、語音,到像 App 一樣的互動體驗,再到 IndexedDB 的資料儲存、Web Work...
學習目標
了解 Grid 與 Flexbox 的差異與應用場景
學會使用 display: grid 建立二維布局
練習 grid-template-colu...
前情提要
經過 Day 27 的即時通知系統建置,我們已經可以即時推送訊息給使用者。今天我們要實作 即時儀表板與資料視覺化系統,這是 SaaS 產品的核心功能之...
繼續介紹grid,前面有提過網格數是依照grid-template-columns或rows的數量而定,下面分別給row和column設定六個網格,下面用圖片展...
我們在「等比縮放的主角登場」中,大致瞭解了 vw 的使用邏輯,不過 vw 實際上還有三個好朋友:dvw、svw、lvw,另外還有一組完全對應的 vh,要介紹這些...
今日目標
用 Vite + React + TypeScript 建立新專案
認識 React Function Component 與 JSX
建立基本元件...