import dayjs from 'dayjs';
const writeTime = dayjs().unix() // 存入时间
const expired = 30
//dayjs是一个只有2kb 的时间插件
// dayjs().unix() 获取的是秒所以 expired 设置为s
export function setItems (key:string, value:any) {
const Obj = { value, writeTime , expired}
localStorage.setItem(key, JSON.stringify(Obj));
}
export function getItems (keys:string){
const dataJson = localStorage.getItem(keys)
if(dataJson === null || typeof dataJson === 'undefined'){
return
}
const data = JSON.parse(dataJson)
const readTime = dayjs().unix();
if((readTime - data.writeTime) > data.expired){
// 数据过期 清除数据
localStorage.removeItem(keys);
return
}else{
console.log(readTime - data.writeTime)
return data.value
}
}
export function removeItem(keys:string){
localStorage.removeItem(keys);
return true
}
export function clearAll(){
localStorage.clear()
return true
}
基于tslocalstorage的二次封装带过期时间
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 转载： https://blog.csdn.net/xyphf/article/details/51830770
- localStorage是h5中很好用的功能，有着比cookie更快速且容量更大的特性，如果频繁的读取和存储数据，...
- 60 行代码写一个简单可用的并且带过期时间的内存缓存 在一个小项目中需要特别简单的使用一个缓存。如果要引入 ehc...
