鐵人檔案
在這個系列中，我會帶大家從 Canvas 出發，一路探索瀏覽器中各式各樣的 Web API。
Canvas 只是起點，接下來還有 Drag and Drop、MediaDevices、Clipboard、Storage、WebSocket …… 這些 API 不僅讓前端開發更強大，也讓網頁逐漸具備桌面應用的體驗。
希望透過這趟旅程，你能更清楚理解它們的用途、限制與背後的安全設計，一起體會—— 「瀏覽器，其實比你想像中更強大」 🚀
寫到這裡，我們已經認識了不少 Web API：從 Canvas 到各種裝置、分享、鎖定、互動，這些功能大多「能做什麼」。今天換個角度，談談「做得怎麼樣」——Pe...
有沒有遇過這些需求：希望筆記離線也能開、想把大量資料快取下來讓頁面秒開、希望圖片能快取而不是每次都打 API、甚至在前端就能做搜尋或分類？這時候，瀏覽器內建的重...
昨天我們介紹了 IndexedDB 的基本操作：開啟資料庫、建立 Object Store、基本的新增／讀取／更新／刪除。今天要更深入，看看它更強大的功能，以及...
想讓網站在沒網路也能開、重複資源不再每次都下載、頁面秒開又省流量？這些日常體驗的升級，靠的就是 Service Worker。它像「瀏覽器內建的代理層」，能攔截...
昨天我們介紹了 Service Worker 的核心特性、生命週期、Cache API。今天要往前一步，來看看 快取策略，以及開發時很容易踩到的 更新陷阱。...
如果你曾在前端執行過一段「重運算」的程式（例如圖片壓縮、音訊處理、大量 JSON 解析），大概都有過這樣的經驗： 點下去之後整個頁面卡住，滑鼠動不了、按鈕也點...
過去三天我們介紹了 Service Worker 與 Dedicated Worker： Service Worker 能在背景攔截請求、做離線快取，是網站的...
過去幾天我們一路從 Service Worker → Dedicated Worker → SharedWorker，看完瀏覽器內部的多工與背景執行機制。 這些...
在前面的篇章裡，我們已經談過各種讓瀏覽器更強大的技術：從拖曳、攝影機、語音，到像 App 一樣的互動體驗，再到 IndexedDB 的資料儲存、Web Work...
完！賽！了！第一次參加鐵人賽，每天數著日子發文、熬夜，終於順利完成了～ 😭這三十天的鐵人賽，從最初的 Canvas 開始，一步步走進瀏覽器的世界，認識了無數讓網...
