在這個系列中,我會帶大家從 Canvas 出發,一路探索瀏覽器中各式各樣的 Web API。
Canvas 只是起點,接下來還有 Drag and Drop、MediaDevices、Clipboard、Storage、WebSocket …… 這些 API 不僅讓前端開發更強大,也讓網頁逐漸具備桌面應用的體驗。
希望透過這趟旅程,你能更清楚理解它們的用途、限制與背後的安全設計,一起體會—— 「瀏覽器,其實比你想像中更強大」 🚀
寫到這裡,我們已經認識了不少 Web API:從 Canvas 到各種裝置、分享、鎖定、互動,這些功能大多「能做什麼」。今天換個角度,談談「做得怎麼樣」——Pe...
有沒有遇過這些需求:希望筆記離線也能開、想把大量資料快取下來讓頁面秒開、希望圖片能快取而不是每次都打 API、甚至在前端就能做搜尋或分類?這時候,瀏覽器內建的重...
昨天我們介紹了 IndexedDB 的基本操作:開啟資料庫、建立 Object Store、基本的新增/讀取/更新/刪除。今天要更深入,看看它更強大的功能,以及...