我透過 Chrome 瀏覽器使用 Google Meet 進行視訊開會時,每次都無法使用 NVIDIA Broadcast 軟體的視訊最佳化功能(眼神接觸、虛擬補光燈、虛擬背景……
read more
我好奇投資大盤指數流和題材選股的報酬率,兩者比較會是怎樣的情況,所以做出這個模擬器,跟 AI 工具 Gemini 3.5 Pro 協作,沒串接 Yahoo Finance和 Bloomberg 真實股市資
read more
在現任服務公司裡,終於在 今年 3 月底完成重寫舊產品並且讓所有使用者都開始使用,這個大專案從 2025 年 3 月初開始,歷時 13 個月。上線後的幾天內,後續處理
read more
初中階 1. requestAnimationFrame 和 setTimeout 的差異? // setTimeout:固定時間後執行,不管瀏覽器在不在渲染 setTimeout(() => updateDOM(), 16); // 希望模擬 60fps // rAF:在瀏覽器下一次渲染前執行 requestAnimationFrame(() =>
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