摘要 如果 Docker Desktop 重裝或升級後，雖然透過 WSL2 VHDX 成功還原 images 和 containers，但舊 container 啟動時出現 /run/desktop/.../docker-desktop-bind-mounts 或 not a directory 錯誤，先不要直接 docker start 舊 container；
read more
座標系統 SVG — 聲明式座標系，內建視窗變換 <!-- viewBox 定義世界座標，瀏覽器自動映射到元素尺寸 --> <svg width="400" height="300" viewBox="0 0 1000 750"> <circle cx="500" cy="375" r="50" /> <!-- 世界座標 --> </svg> SVG 的 viewBox 就是一個內建的
read more
Canvas 元素的縮放策略 Canvas 比較特殊，Transform 和 Scroll 策略都不是最佳選擇。最適合的是 Canvas 原生重繪。 三種方案比較 1. Transform 策略（可用，但有缺點） transform: scale3d(2, 2, 1); 放
read more
為什麼 Transform 策略適合 img 等不可捲動元素 單張圖片沒有「溢出內容需要捲動」的需求。放大後只需要： 視覺上放大圖片 手指拖曳平移到圖片的不同區域 這正好是 CSS transform:
read more
1. CSS Transform 不影響 Layout 這是最關鍵的概念： transform: scale(2); /* 視覺上放大 2 倍，但元素在 layout 中的尺寸不變 */ 瀏覽器的排版引擎（layout engine）完全忽略 trans
read more
在電腦看 Netflix 影片，常常遇到 D7353-5101，Netflix 官方支援網頁沒有幫助。 Netflix 錯誤 D7353-5101，在 Chrome + RTX 顯卡的解決方法是 令 Hardware-accelerated video
read more
Howard Lee is a Staff Software Engineer based in Taipei, specializing in frontend architecture, CI/CD, and production-quality engineering for enterprise web applications. With 13+ years of software development experience, Howard has worked across B2B SaaS, IoT energy-management platforms, online travel marketplaces, and Android applications. His work focuses on modernizing large frontend systems, improving delivery quality, and building reliable product workflows with automated testing, observability, and practical cloud/platform integration. Core Expertise Frontend architecture: Angular 5 to 19 modernization, TypeScript, JavaScript, React, Next.
Know More