localForage 的介紹

localForage 是基于 indexedDB 封裝的庫(kù)，通過(guò)它的我們可以簡(jiǎn)化 indexedDB 的使用。

indexedDB

localForage 的使用

1. 下載

npm install localforage

import localforage form 'localforage'

2. 創(chuàng)建一個(gè) indexedDB

const myIndexedDB = localforage.createInstance({
    name: 'myIndexedDB'
})

3. 存值

myIndexedDB.setItem(key, value)

4. 取值

由于indexedDB的存取值都是異步的，建議使用 promise.then() 或 async/await 去讀取

myIndexedDB.getItem(key).then(value => {
    // we got our value
}).catch(err => {
    // we got on error
})

or

try {
  const value = await myIndexedDB.getItem(key);
  // This code runs once the value has been loaded
  // from the offline store.
} catch (err) {
  // This code runs if there were any errors.
}

5. 刪除某項(xiàng)

myIndexedDB.removeItem(key)

6. 重置數(shù)據(jù)庫(kù)

myIndexedDB.clear()

細(xì)節(jié)及其他使用方式請(qǐng)參考官方中文文檔