更新记录
1.0.0(2019-12-19)
下载此版本
发布第一个版本
平台兼容性
适用于uniapp的缓存插件封装,支持vue、nvue
开发插件不易,作者也需要时间整理,大家下载后请及时给好评。鼓励作者。如果实在遇到什么坑跳不过去你可以加作者qq ,会帮你解决!
如有使用问题请联系作者QQ:615773740
,拒绝一切差评(如果联系作者不给你解决可以差评)
只是封装了uniapp的缓存,可以设置指定时间范围内有效。也可以不设置时间。
为什么要做这么个插件?
开发中难免遇到某些情况要客户端缓存 以达到提高访问效率。比如app初次打开弹窗一个广告,在某个时间内不再提示。
代码示例
方法1,合适nvue 也合适 vue 调用的话 相对对代码长一点吧。。。
// nvue挂载到app.vue 然后 getApp().globalData.simpleCache 调用 非常好
import simpleCache from "./library/Simple-Cache.js"
export default {
globalData:{
simpleCache:simpleCache
},
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
方法2,只合适vue
// 挂载到main.js
import simpleCache from "@/library/Simple-Cache.js"
Vue.prototype.$simpleCache = simpleCache
// 通过 this.simpleCache 调用
调用代码
// nvue使用如下方法调用
var simpleCache = getApp().globalData.simpleCache; // 返回的是object
// 如果你是vue则使用如下方法调用
var vue_simpleCache = this.$simpleCache
/*simpleCache = {
put...get...remove...clear
}*/
// 设置缓存 不设置时间
simpleCache.put("user_info",{
nick:'aaa',
user_id:111
});
// 获取缓存
console.log( simpleCache.get('user_info') )
// 设置缓存 且设置时间
simpleCache.put("banner","nihaoao",3600);
console.log( simpleCache.get('banner') )
simpleCache.put 写入缓存
属性名 |
类型 |
说明 |
key |
String |
地缓存中的指定的key |
data |
Any |
需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象key |
time |
Number |
保存的时间, 数字类型,单位秒 为空则永久有效. |
simpleCache.get 获取缓存
属性名 |
类型 |
说明 |
key |
String |
地缓存中的指定的key |
simpleCache.remove 从本地缓存中同步移除指定 key。
属性名 |
类型 |
说明 |
key |
String |
地缓存中的指定的key |
simpleCache.clear 清理本地数据缓存。