使用 IndexedDB 緩存大量資料
使用 IndexedDB 緩存大量資料起因是撰寫的油猴腳本使用localStorage存資料,到某一天發現資料怎麼存不進去了,排查才發現資料大於5MB了,然後就開始找有沒有其他更好的存資料方式,然後就發現了瀏覽器資料庫 API - IndexedDB。如果你正在開發需要在前端儲存大量資料的網頁應用程式,那麼這篇文章絕對不能錯過! 什麼是 IndexedDB?IndexedDB 是一個低階的 API,用於在瀏覽器中儲存大量結構化資料。它允許你在使用者的瀏覽器中儲存幾乎無限量的資料,而且速度超快!與 localStorage 不同,IndexedDB 可以處理更複雜的資料結構,還支援索引搜尋,簡直是前端開發者的好朋友啊! 為什麼要學 IndexedDB? 儲存大量資料:相較於 localStorage 的 5MB 限制,IndexedDB 幾乎沒有儲存上限。 支援複雜資料結構:可以儲存和查詢 JavaScript 物件。 非同步操作:不會阻塞主執行緒,讓你的應用程式更流暢。 支援交易(Transactions):確保資料操作的一致性和可靠性。 IndexedDB...
