Canvas 下雨動畫（含風力效果）CodePen 實作分享
Canvas 下雨動畫（含風力效果）CodePen 實作分享 這篇文章將分享一個以 Canvas 製作的下雨動畫 side project，並加入風力效果，讓雨滴呈現自然飄動。 作品介紹 這個 CodePen 範例利用 JavaScript 操作 Canvas，實現下雨動畫，並可調整...
JavaScript
簡易番茄鐘（Pomodoro Timer）CodePen 實作分享
簡易番茄鐘（Pomodoro Timer）CodePen 實作分享 這篇文章將分享一個簡單的番茄鐘（Pomodoro Timer）side project。 作品介紹 番茄鐘是一種提升專注力的時間管理工具，常見於前...
時區與時間：前後端溝通、RFC3339/ISO8601 差異與 JavaScript 實戰
前言 在現代 Web 系統中，時間與時區的處理是前後端溝通常見的痛點。若處理不當，容易導致資料錯亂、顯示誤差、跨國用戶體驗不佳。本文將說明： 前後端如何正確傳遞與解析時間 RFC3339 與 ISO8601 差異 JavaScript 時區處理範例 UTC 概念與常見誤區 實...
[JavaScript] 如何使用JavaScript與blob下載檔案？
JavaScript 與 Blob 下載檔案最佳實踐 在現代網頁開發中，下載檔案（如 PDF、圖片、Excel 等）時，常見的最佳做法如下： 1. 使用 fetch + response.blob()（自動解析 Content-Type） fetch('<PDF URL>') .then(response => response.blob()) .then(blob => { const url...
深入了解 Fuse.js：JavaScript 模糊搜尋
Fuse.js 模糊搜尋引擎 概念介紹 Fuse.js 是一個用於 JavaScript 的輕量級模糊搜尋套件。它可以快速地在數據集中執行模糊搜尋，並返回最相似的結果。Fuse.js 使用模糊搜尋來計算相似度，允許用戶在輸入時進行錯別字、拼寫錯誤等自動校正...
[JavaScript] 讓你馬上了解bind、apply、call的用法
前言 javaScript this 是會隨著當前的狀態而動態改變的， 複習一下以下程式碼的console.log的回傳。 var name = 'Mars'; const obj={ name:'Guest', fun:function(){ console.log(this.name); } }; obj.fun();//Guest const useFun = obj.fun; useFun();//Mars 如果不熟悉的話建議複習一下[JavaScript] this是什麼?這篇文章。...