所有文章列表
2023.11.14
分類:小日記

寫文章該注意的事情

這是我看完朱麒分享在 Facebook 的「職場上班族在寫報告這件事情上,最常犯的 3 個錯誤(以及解決方法)...
2023.11.06
分類:開箱

我的 2024 手帳:綠的事務 暮光之絮八分割 A5 週誌 (薰衣草)

我在 2021 年第一次使用「綠的事務」手帳後,就很喜歡他們家手帳帶來的溫潤感,以及低調簡單的設計頁面。因此雖...
2023.10.23
分類:React

用 React Context API 實作跨組件傳值的功能

需求 現在如果使用 Vue 開發網站,我會習慣用 Vite + Pinia 幫我實現狀態管理與跨組件傳值的功能...
2023.10.13
分類:HTML / CSS

vw 進化了!更好用的 CSS 自適應字體大小

大家都知道,一般常見的單位,如 px, em, rem,都不能讓字體大小隨著螢幕視窗的寬度縮放。因為即使是相對...
2023.10.04
分類:React

客製化 Quill 編輯器,並搭配 ant design 製作所見即所得編輯器

緣起 因應公司整合內部系統,所以要重寫文章管理系統,原本是想挑選喜歡的 Markdown 編輯器,但考量到原本...
2023.09.23

使用 Google Analytics 4 (GA4) 和 Google Tag Manager(GTM) 設計並追蹤自訂事件

一直以來,都覺得 Google Analytics 的串接非常複雜,但這次認真研究了一下,雖然某些要轉換的條件...
2023.09.22

只會寫程式的工程師,是個成功的工程師嗎?

我覺得,「只」會寫程式,大概只能算成功一半吧。 而且,會寫程式的定義是什麼? 如果是純白版作業,不 Googl...
2023.09.13
分類:HTML / CSS

CSS 表單樣式分享:Material UI 的 Label 標籤浮動縮放

最近在整理手上專案時,發現一些有趣的小設計,這是我當時蠻喜歡的表單呈現方式,當表單元件成為焦點時,label...
2023.09.11
分類:Vue

Vue3 使用 watch 監聽路由變化,支援瀏覽器的上一頁 / 下一頁按鈕切換

如果選單有使用類似 active 的 class 設定樣式,那麼用瀏覽器的「上一頁」,「下一頁」功能時,該怎麼...