localForage 是一个改进的 JavaScript 离线存储库,通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据,而不仅仅是字符串。
localForage 有一个优雅降级策略,若浏览器不支持 IndexedDB 或 WebSQL,则使用 localStorage。在所有主流浏览器中都可用:Chrome,Firefox,IE 和 Safari(包括 Safari Mobile)。
localForage 提供回调 API 同时也支持 ES6 Promises API,你可以自行选择。
安装:
npm install localforage -S
常用方法:
let userInfo = {id:1, name:'zhangsan'};
// 保存 (Promises API)
localforage.setItem('userInfo', userinfo)
.then(res => {
console.log(res.id, res.name)
})
.catch(err => console.log(err))
// 查询 (回调 API)
localforage.getItem('userInfo', function(err, result) {
console.log(result.id);
console.log(result.name);
});
// 删除
localforage.removeItem('userInfo');