获取,设置,删除sessionStorage或localStorage存储数据

//获取sessionStorage存储数据
export const getCache = name => {
    if (!name) return
    return window.sessionStorage.getItem(name)
}
//设置sessionStorage存储数据
export const setCache = (name, content) => {
    if (!name) return
    if (typeof content !== 'string') {
        content = JSON.stringify(content)
    }
    window.sessionStorage.setItem(name, content)
}
//删除sessionStorage存储数据
export const removeCache = (name) => {
    if (!name) return
    window.sessionStorage.removeItem(name)
}
//获取localStorage存储数据
export const get_local_cache = name => {
    if (!name) return
    return window.localStorage.getItem(name)
}
//设置localStorage存储数据
export const set_local_cache = (name, content) => {
    if (!name) return
    if (typeof content !== 'string') {
        content = JSON.stringify(content)
    }
    window.localStorage.setItem(name, content)
}
//删除localStorage存储数据
export const remove_local_cache = (name) => {
    if (!name) return
    window.localStorage.removeItem(name)
}
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStoragesessionStorage 是 Web 存储 API 中的两种不同类型的存储方式,它们都是基于键值对的存储方式。其中 localStorage 是持久化存储数据不会过期,除非手动清除或者用户清除浏览器缓存;而 sessionStorage 是会话存储数据只在当前会话有效,关闭浏览器或者标签页后会被删除localStoragesessionStorage 都没有提供直接设置过期时间的方法。但可以通过在存储时记录时间戳,然后在获取时判断是否过期来实现类似的功能。示例代码如下: ```javascript //设置localStorage localStorage.setItem('key', JSON.stringify({ value: 'value', expiredAt: new Date().getTime() + 1000 * 60 * 60 //过期时间为1小时后 })); //获取localStorage var data = JSON.parse(localStorage.getItem('key')); if (data.expiredAt < new Date().getTime()) { //过期了 localStorage.removeItem('key'); } else { //未过期 console.log(data.value); } ``` 对于 indexDB,也没有提供直接设置过期时间的方法,但可以在存储时记录过期时间戳,并在获取时进行判断和删除。示例代码如下: ```javascript //打开数据库 var request = window.indexedDB.open('myDB', 1); request.onsuccess = function(event) { var db = event.target.result; //获取对象仓库 var store = db.transaction(['myStore'], 'readwrite').objectStore('myStore'); //设置过期时间为1小时后 var expiredAt = new Date().getTime() + 1000 * 60 * 60; //存储数据 store.put({ key: 'key', value: 'value', expiredAt: expiredAt }); //获取数据 store.get('key').onsuccess = function(event) { var data = event.target.result; if (data.expiredAt < new Date().getTime()) { //过期了,删除数据 store.delete('key'); } else { //未过期 console.log(data.value); } }; }; ``` 需要注意的是,以上示例代码只是一种简单的实现方式,具体实现还需要考虑数据量、性能、数据安全等方面的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值