
- December 17, 2022
CSS 基礎系列 3 - 單位
深入了解 CSS 的單位分類,包括絕對和相對單位。從常見的 px 到相對於字體大小的 em 和 rem,以及基於 viewport 的 vw 和 vh,本文詳細解釋了各單位的特性和計算方式,並提供實用的應用建議,如 RWD 設計和文字排版。 ## Absolute 最常見的 `Absolute` 單位就是 `px ...

- December 17, 2022
在 Nuxt3 中透過 Module 及 Plugin 更方便的使用 gtag 吧
本文詳細指導如何在 Nuxt3 中自行撰寫 Module 以整合 Google gtag 功能。從引入 gtag script 到利用 Plugin 注入 g ...

- December 2, 2022
Nuxt3 ESLint + Prettier 配置
介紹如何在 Nuxt3 中整合 ESLint 和 Prettier 以達到最佳的開發體驗。文章詳細指導安裝和配置 vue-tsc 進行類型檢查,並展示如何結合 ...

- November 30, 2022
CSS 基礎系列 1 - 基礎介紹
深入探討 CSS 的核心原理,從 Cascading 的三種類別到 CSS 的宣告方式,並解釋如何使用 link tag 引入外部 CSS。此系列偏向理論,旨 ...

- November 30, 2022
CSS 基礎系列 2 - CSS 選擇器
深入探索 CSS 的基本選擇器,從 Type、Class、ID 到 Attribute 選擇器,並詳細介紹組合選擇器如後代、子元素和兄弟選擇器的使用方法。文章 ...