坚果大叔 坚果大叔
  • 首页
  • 闲言碎语
  • 技术
  • 生活
  • 记录
  • 朋友
  • 热点新闻
  • 常用代码
  • 工具箱
  • 关于
首页 › 技术 › localStorage 设置过期时间?

localStorage 设置过期时间?

坚果大叔
2020-06-30 19:41:16技术阅读 2,327

1、如何不刷新页面改版URL参数

window.history.pushState(state,title,url)

pushState() 带有三个参数:
一个状态对象,
一个标题,
以及一个可选的URL地址。

state: 一个与添加的记录相关联的状态对象,主要用于popstate事件。该事件触发时,该对象会传入回调函数。也就是说,浏览器会将这个对象序列化以后保留在本地,重新载入这个页面的时候,可以拿到这个对象。如果不需要这个对象,此处可以不填

url:新的网址,必须与当前页面处在同一个域。浏览器的地址栏将显示这个网址。

title:新页面的标题。但是,现在所有浏览器都忽视这个参数,所以这里可以填空字符串。

2、根据数量计算换行显示展开收起

1、需求如图

localStorage 设置过期时间?-坚果大叔

在一行超过指定数量后,可能数量超过,也可能单个文字长度达到,出现展开按钮。

2、解决办法
1、计算一行大概能够显示几个标签,大概多少字,根据返回数量来进行切割计算是否换行了。

2、计算每一个标签的宽度,超过指定宽度显示展开按钮。

3、vue实现跳转浏览器新的标签页

let newpage = this.$router.resolve({ 
      name: 'info',
      query:{
          type: 1,
          id:id
      }   
})  
window.open(newpage, '_blank');

4、localStorage 设置过期时间?

localStorage除非人为手动清除,否则会一直存在浏览器中,但可能某些情况下我们可能需要localStorage有一个过期时间,那该怎么实现?

// data 实际的值
// time 当前时间戳
// expire 过期时间

Storage.prototype.getExpire= key =>{
    let val =localStorage.getItem(key);
    if(!val){
        return val;
    }
    val =JSON.parse(val);
    if(Date.now()-val.time>val.expire){
        localStorage.removeItem(key);
        return null;
    }
    return val.data;
}
//使用
localStorage.setExpire("token",'xxxxxx',4000);
window.setInterval(()=>{
    console.log(localStorage.getExpire("token"));
},1000)
localstorage vue
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 坚果大叔。未经许可,禁止转载。
Vue如何刷新当前页面?我是这样做的,你呢?
上一篇
收藏!!最全的字符串函数方法,看完再也不会忘记了~
下一篇
在小程序中查看
搜你想看的
聚合文章
重学js之JavaScript 面向对象的程序设计(创建对象)
小白进阶,带你玩转Github~
最近为啥没更新?
Windows微信多开+防撤回!
闲言碎语
Memos
npm install 出现 Error:EISDIR:illegal operation on a directory 的错误提示!
2025-03-31 19:02:11
559 0 0
iphone 利用 Scriptable 添加网上国网电费小组件
2025-01-06 20:40:20
5,006 6 2
在博客中加上memos记录展示。
2024-12-25 23:41:27
2,333 5 2
网页点击平滑滚动效果~
2024-10-17 16:43:08
2,037 4
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2025 坚果大叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 闲言碎语
  • 技术
  • 生活
  • 记录
  • 朋友
  • 热点新闻
  • 常用代码
  • 工具箱
  • 关于
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
317
文章
125
评论
365
喜欢