js临时缓存（SessionStorage）和永久缓存（LocalStorage）删除

已于 2023-04-13 10:48:44 修改
阅读量1k 收藏 1
点赞数
文章标签： 缓存 vue.js 前端
于 2023-04-13 10:38:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PursuitLife/article/details/130124748
版权

#### 安装 npm i xctc-utils
#### 项目中引入 import utils from "xctc-utils"
#### 删除临时缓存和永久缓存
```
key:string 需要删除的缓存键
isAll:boolean 为true时删除调用方法的所有缓存(临时缓存或者永久)，否则只删除当前传入的 key 值
如果 isAll 为 true 时，方法会优先执行缓存的clear函数，清楚缓存下所有值， key 传任意值，
删除临时缓存： utils.removeSessionStorage(key,isAll)
删除永久缓存： utils.removeLocalStorage(key,isAll)
```

一个技术小二
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
boomerang-cache:boomerangCache是​​基于localStorage和sessionStorage的客户端缓存库
05-02
回旋镖缓存 boomerangCache是​​基于localStorage的客户端缓存库。 如何安装？ Npm： npm install boomerang-cache 凉亭： bower install boomerang-cache 文件 API参考 创造 查看 放 得到 得到所有 长度 去掉 清除 BoomerangCache.create 创建一个新的存储桶。 争论 bucket （字符串） options （对象） storage ：（本地|会话） encrypt ：（ true | false ） var boomerang = BoomerangCache . create ( 'bucket1' , { storage : 'local' , encrypt : true } ) ; BoomerangCache.set 将键设置为特定值或哈希键下的哈希
localstorage实现带过期时间的缓存功能
01-19
一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。 1.cookie数据存放在本地硬盘中，只要在过期时间之前，都是有效的，即使重启浏览器。但是会在每次HTTP请求中添加到...
JS：要关闭浏览器，就清除缓存的数据？比如清除登录数据
以气御码
07-08 3225
进入我的主页，查看更多JS的分享！ 我的代码有多短，本篇内容就有多短！ 本地存储对比： sessionStorage，关闭窗口就被清除； localStorage，一直存在直到手动删除； cookie，设置有效期，可以直接实现标题的需求 今天不想多说话，直接贴上代码： //判断是否支持cookie 比如浏览器开启了隐私模式 var isCookie = () = >{ return navigator.cookieEnabled; }; //添加 function add.
js退出登录，如何一次性清除所有session
丽啊丽宝的博客
12-29 2万+
$("#exit").on("click",function(){ //将退出按钮的id设置为exit，然后将这个函数在公共文件里面即可 sessionStorage.clear() //清除所有session值 window.location.reload() }) html：只要将元素的id设置为exit就可以了，上面的是一个绑定事件 sessionStorage...
清除浏览器js缓存
[email protected]
11-13 1095
(2)在ajax的url后加上随机串来避免浏览缓存，例如$.ajax({url:'test.php?'+parseInt(Math.random()*100000)})缓存。(1)通过$.ajaxSetup 设置属性cache:false,让ajax不调用浏览的缓存。1.在HTML中的header中添加代码。
关闭浏览器后清除localStorage的内容
weixin_46600931的博客
05-18 2353
因此，在关闭浏览器或标签页后，sessionStorage 中的内容会自动清除，无需编写额外的代码。在关闭浏览器之后清除localStorage的内容是不可能的，因为JavaScript无法在浏览器关闭之后继续执行。但是，我们可以在下一次浏览器打开时，检查是否有标记表明上次是浏览器关闭，如果有，则清除localStorage的内容。然后，在下次启动应用程序时，检查该标记，并根据需要清除localStorage。这样，在关闭浏览器后，下次打开应用程序时，localStorage中的内容将被清除。
js设置获取删除sessionStorage
letnewworld的博客
03-31 3125
/* localStorage 特点：是永久存储。即使关闭浏览器也不会消失，除非主动删除，存储大小一般5M sessionStorage 会话级别存储 特点：关闭浏览器，数据自动消失，存储大小5M，只允许统一窗口访问 */ //1、设置 变量=window.localStorage 变量.setItem('键','值') var storage = window.sessionStorage
JS代码清除localStorage缓存
A_Tu_daddy的博客
12-08 6661
根据代码所涉及的页面，在自己所需要的地方加上 localStorage.clear(); 就可以清除 localStorage 缓存。 更加详细的方法可以参考这篇博客，讲解十分详细
sessionStorage清空所有缓存方法
热门推荐
weixin_40918145的博客
07-23 5万+
sessionStorage.clear()轻松搞定
sessionstorage(会话存储对象)使用、存储、读取、删除（一）
qq_44438941的博客
03-15 4306
sessionstorage(会话存储对象)使用、存储、读取、删除
js清除所有cookie、localStorage、sessionStorage
weixin_46600931的博客
02-02 4377
js清除所有cookie、localStorage、sessionStorage。
localit:用于localStorage和sessionStorage的简单包装器类
04-29
一个简单的JS类，用于包装localStorage和sessionStorage功能。 支持到期日期，因此您可以缓存数据并安全地检索它 :fire: 安装 npm i localit 例子 import { Localit } from "localit" ; // You can pass `...
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
12-13
webstrange又分为：localstorage，sessionstorage和本地数据库。 接下来我就来一一介绍： 1、localstorage localstorage 的使用比较简单，方法有： 复制代码代码如下:localStorage.setItem(key,value);//保存数据...
微信小程序之数据缓存
03-29
于是，H5增加了新的缓存机制，即localstorage 和 sessionstorage，具体的介绍就不在多说。在微信小程序中，数据缓存其实就和localstorage 的原理差不多，所以理解起来并不难。下面我们来一起实现一下。 效果图展示：...
若依ruoyi-vue前端页签缓存设置
字节叔叔
04-24 647
在路由配置中，为需要缓存的路由设置。
前端发版缓存问题
最新发布
paopao_pop的博客
04-26 415
前端发版缓存问题
quasar框架切换Tab页使用＜keep-alive＞缓存
Yujis的博客
04-24 293
quasar框架切换Tab页使用缓存。
设计前后端系统以处理长时间运行的计算任务并提供缓存支持
m0_55049655的博客
04-24 227
【项目需求设计】前后端设计，任务队列、异步、缓存
SpringBoot 缓存
ebb29bbe的博客
04-24 976
`缓存` - 缓存时一种介于数据永久存储介质与数据应用之间的数据临时存储介质 - 使用缓存可以有效的减少低速数据读取过程的次数(例如磁盘IO)，提高系统性能 - 缓存不仅可以用于提高永久性存储介质的数据读取效率，还可以提供临时的数据存储空间
localStorage和sessionStorage会被浏览器清除缓存吗？
02-23
localStorage和sessionStorage是...需要注意的是，浏览器清除缓存时会清除除了localStorage和sessionStorage之外的其他缓存数据，比如浏览器缓存的网页、图片等。但localStorage和sessionStorage中的数据不会受到影响。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值