ZeroOne 技術文章第 34 頁
CSS Anchor Positioning 實作 tooltip:定位、fallback 與舊瀏覽器邊界
2026-08-02
CSS Anchor Positioning 可讓 tooltip 相對按鈕定位,並在接近視窗邊緣時切換替代位置。本文示範 anchor-name、position-anchor 與 position-try,並保留舊瀏覽器的降級策略。
560 字
|
3 分鐘
Docker Compose 啟動順序怎麼等服務就緒:healthcheck 與 service_healthy
2026-08-02
Docker Compose 的 depends_on 不代表資料庫已可連線。本文示範以 healthcheck 與 service_healthy 等待服務就緒,消除啟動競態並說明重啟與應用程式重試的分工。
492 字
|
2 分鐘
GitHub Actions concurrency 怎麼設:部署工作流避免互相取消的 queue 選擇
2026-08-02
GitHub Actions concurrency 怎麼設定才不會取消重要部署?本文說明 group、cancel-in-progress 與 queue 的差異,協助你依 preview 或 production 的發布需求管理同組 workflow。
640 字
|
3 分鐘
Cloudflare Agents 的 McpAgent 要怎麼遷移?先分出 stateless 與 legacy 路徑
2026-08-01
Cloudflare Agents SDK 0.20 將 McpAgent 標為 deprecated。遷移到 MCP SDK v2 前,先盤點 session、RPC 與 stream 依賴,再以 stateless handler 或雙路徑逐步切換。
1146 字
|
6 分鐘
content-visibility: auto 怎麼用:加上 contain-intrinsic-size 避免版面跳動
2026-07-31
content-visibility: auto 可延後畫面外內容的渲染,但預留尺寸仍需配合版面。本文修正 contain-intrinsic-size 雙軸 shorthand 的解讀,示範只設定 block 軸的寫法,並整理首次捲入、視窗變窄與文字更新後的驗收方法。
1207 字
|
6 分鐘
CSS Scroll Snap 怎麼避開固定導覽列:scroll-padding 與 scroll-margin
2026-07-31
CSS Scroll Snap 與錨點捲動遇到固定 header 時,先在真正的捲動容器設定 scroll-padding,再用 scroll-margin 增加個別目標的空間。本文修正 header 高度重複計算,提供容器與樣式診斷步驟,並說明不必啟用吸附也能保留偏移。
1303 字
|
7 分鐘
Docker Compose profiles 怎麼用:把本機除錯工具與正式服務分開啟動
2026-07-31
Docker Compose profiles 可讓同一份 compose.yaml 依需求啟動除錯、監控或測試服務。本文整理 profiles 的啟用方式、依賴陷阱、驗證指令與 include 的分工。
651 字
|
3 分鐘
HTML Popover API 怎麼用:用原生按鈕建立可關閉的浮層
2026-07-31
HTML Popover API 可用原生按鈕建立浮層,但 auto、hint 與 manual 的關閉規則不同。本文補上提示不關閉選單的選用方式、hint 相容性退路、焦點與語意檢查,以及 dialog 必須用 showModal 才能阻擋背景操作的界線。
1317 字
|
7 分鐘