活動情報精選
CSS Scroll Snap 怎麼避開固定導覽列：scroll-padding 與 scroll-margin
CSS Scroll Snap 可讓輪播與章節捲動對齊，但固定 header 常遮住標題。本文用 scroll-snap-type、scroll-padding、scroll-margin 說明容器與目標元素各自要放什麼設定。...
Docker Compose profiles 怎麼用：把本機除錯工具與正式服務分開啟動
Docker Compose profiles 可讓同一份 compose.yaml 依需求啟動除錯、監控或測試服務。本文整理 profiles 的啟用方式、依賴陷阱、驗證指令與 include 的分工。...
HTML Popover API 怎麼用：用原生按鈕建立可關閉的浮層
HTML Popover API 可用 popover 與 popovertarget 建立原生浮層。本文整理 auto、manual 的關閉差異、最小範例、焦點與 Dialog 的選用界線。...
fetch 逾時怎麼處理：用 AbortSignal.timeout() 取消慢請求
JavaScript fetch 不會自動逾時。本文用 AbortSignal.timeout() 與 AbortController 示範取消慢請求、辨識 TimeoutError、處理元件卸載與避免把取消誤判成 API 失敗。...
Cloudflare Workers integration test 怎麼寫？用 createTestHarness 測 production build
Cloudflare Workers 新增 createTestHarness，可在 Node.js test runner 中測試一個或多個 Worker 的 production build、route 與外部 fetch。本文整理 Vitest 最小範例與 unit test 的分工。...
Dependabot malware alert 怎麼處理？先確認能否修補，再收斂供應鏈風險
GitHub Dependabot 擴大惡意套件 advisory 的生態系覆蓋。本文整理 malware alert 啟用方式、為何不一定有自動更新 PR，以及發現命中後的 lockfile、token 與替代套件檢查流程。...
GitHub Actions workflow 被保留等待核准怎麼辦？先做來源與權限檢查
GitHub Actions 會自動保留部分疑似惡意的 public repository workflow，等待有 write 權限的協作者核准。本文整理核准前的來源、diff、secrets 與替代處理流程。...
GitHub Copilot Code Review 怎麼用 Skills 與 MCP？先限制脈絡與驗證方式
GitHub Copilot Code Review 已支援 agent skills 與 MCP。本文整理 repository 設定、唯讀工具邊界、PR head branch 的風險，以及如何從 session log 驗證實際使用的脈絡。...
Cloudflare Workers compatibility_date 怎麼升：先盤點 flags，再更新日期
Cloudflare Workers 的 compatibility_date 決定採用哪些相容性變更。本文整理設定位置、舊日期風險，以及更新前如何用 flags、測試、rollback 與分階段部署降低行為改變。...
Docker Compose include 怎麼拆檔：先釐清路徑、變數與名稱衝突
Docker Compose 的 include 可拆分服務設定檔，但相對路徑、.env 優先順序與資源名稱衝突都會影響結果。本文整理拆檔前後的檢查重點、驗證指令，以及多人協作時的服務所有權安排。...
GitHub Actions cache 怎麼設才安全：restore-keys 不是可信來源
GitHub Actions cache 可減少依賴下載，但不是秘密保管箱。本文整理 key 與 restore-keys 的命中順序、低信任 workflow 的讀取邊界，以及避免 cache poisoning 的原則。...
GitHub Actions workflow_dispatch 的 boolean 為何要用 inputs context
GitHub Actions 手動 workflow 的 boolean input 在 inputs 與 github.event.inputs 中型別不同。本文用部署範例說明條件式為何應優先讀取 inputs，避免字串造成誤判。...