我透過 Chrome 瀏覽器使用 Google Meet 進行視訊開會時,每次都無法使用 NVIDIA Broadcast 軟體的視訊最佳化功能(眼神接觸、虛擬補光燈、虛擬背景……
read more
我透過 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