存储对象 本地存储、离线存储、本地化、持久化
cdn: https://www.bootcdn.cn/localforage/
手册:http://localforage.docschina.org/
推荐8个存储库
https://juejin.cn/post/6882349487285616654
消息订阅
https://github.com/developit/mitt/releases
// eslint-disable-next-line no-undef
Vue.prototype.$localforageData = localforage.createInstance({
name: "local-forage-data"
});
// eslint-disable-next-line no-undef
Vue.prototype.$localforageCache = localforage.createInstance({
name: "local-forage-cache"
});
//最近使用Api
Vue.prototype.$localforageApi = localforage.createInstance({
name: "local-forage-api"
});
//存储本地变更记录的业务方法 that.$localBsLog({fromType: null}, that, thatRoot, valueO) )
Vue.prototype.$localBsLog = methodChangeLog;
//存储本地变更记录
Vue.prototype.$localHisCache = localHisCache;
//存储本地的维数据,用减少数据请求
Vue.prototype.$dimLocal = {
getLocalDimData: getLocalDimData,
setLocalDimData: setLocalDimData,
//根据字段,设置转换数据
setDimFieldData: setDimFieldData,
//数据变更执行数据转换
changeData: changeData,
//维数据结构转换
setDimTempDataTemp
};
// 通过 localStorage 设置值
localStorage.setItem('key', JSON.stringify('value'));
// 通过 localForage 完成同样功能
localforage.setItem('key', 'value').then(doSomethingElse);
// localForage 同样支持回调函数
localforage.setItem('key', 'value', doSomethingElse);
localforage.getItem('somekey').then(function(value) {
// 当离线仓库中的值被载入时,此处代码运行
console.log(value);
}).catch(function(err) {
// 当出错时,此处代码运行
console.log(err);
});
// 回调版本:
localforage.getItem('somekey', function(err, value) {
// 当离线仓库中的值被载入时,此处代码运行
console.log(value);
});
//that.$localStorage.setLocalStore(that.$configStorage.recentApi,{})
//that.$localStorage.getLocalStore(that.$configStorage.recentApi)
文档更新时间: 2024-03-17 21:10 作者:admin