Published onNovember 4, 2026Shadow DOM 是什麼?從實際場景理解元件封裝與 CSS 隔離shadow-domweb-componentscssShadow DOM 是瀏覽器原生的封裝機制,能為元件建立獨立的 DOM 與 CSS 邊界。本文整理它解決的問題、實務用法、發展歷史與採用率,並與 CSS Modules、styled-components、Scoped CSS、iframe 比較適用情境。
Published onOctober 28, 2026把頁面放進 Sitemap:URL、資料與前後端契約seositemap把公司評價面向與制度頁加入 sitemap 時,整理出三個要分開回答的問題:哪些頁面真的存在、哪些值得收錄、前後端如何避免產生不同的 URL。並記錄用 Google 文件驗證過的 sitemap 限制與 canonical 關係。
Published onOctober 8, 2026MongoDB 用 $and / $or 查「年、月分開存」的日期區間mongodb當日期拆成 year/month 兩個欄位存時,示範如何用 $or 包起點與終點條件、再用 $and 組合出區間查詢,並說明為什麼不能把兩個 $or 放在同一層物件裡。
Published onOctober 6, 2026TypeScript:type 和 interface 的差異typescript整理 type 與 interface 在描述能力、declaration merging、擴充方式、屬性衝突、index signature 與編譯效能上的差異,並說明實務上該如何選擇。
Published onOctober 6, 2026Zod vs Yup:差異不大,但細節要知道typescriptzodyupvalidation比較 Zod 與 Yup 在驗證失敗行為、型別轉換、未知 key、型別來源與巢狀預設值上的預設差異,並說明實務上的選擇依據。