localStorage溢出问题

项目使用的store.js库

store.js库不能管理localStorage中的过期项到时清除，只能在再次调用get的时候才做处理，如果一直不调用get，过期了也还是占用着空间。溢出后，再储存项目时setItem方法会报错exceeded error。特别要注意，如果store.js加载时容量已经满了，store.js由于不能通过setItem方法储存，test返回false，导致不会挂载localStorage库，之后调用store的方法都会报错，因为store属性为undefined。

解决方案：1.挂载store.js前先检测localStorage能否setItem（保证store加载不出错）

2. 加载store.js后，遍历localStorage，用store去get每一项（即清理了过期项）

3. 重写store的set方法，先判断能否setItem（放在try catch里），溢出的话先清空localStorage，再继续。

实际使用时，只执行第二种就可以避免大多数场景下溢出的情况。

转载于:https://www.cnblogs.com/natsu07/p/10489163.html

localStorage溢出问题相关推荐

app应用内嵌h5页面怎么直接打开safari_localstroage过多存储满的情况下应该怎么办？...
技术很简单,业务很麻烦在大公司,同一个域名下可能存在几十上百条业务线,每条业务线都可能因为各种理由往 localStorage 里塞东西,跨页面传数据啦.缓存啦.离线化啦.性能优化啦...,5M 看 ...
一文读懂cookie、sessionStorage和localStorage的区别
cookie.sessionStorage和localStorage的区别 cookie 什么是cookie? cookie的构成 cookie的特点 Cookie并不提供修改.删除操作封装setC ...
javascript的localStorage(Web Storage)小项目
我们下面举一个javascript localStorage练手的小项目,是headfirsthtml5中的一个例子,不过我将其进行美化. 项目资源(源码,图片)地址:https://github.c ...
Cocos Creator里localStorage的使用
存储数据 cc.sys.localStorage.setItem('data', this._data); 存的时候会自动变成字符串,所以我们存二位数组的时候用JSON.stringify cc.sy ...
CSS 文字溢出显示省略号
溢出显示省略号的代码:其中 1 是行数. overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-c ...
Tomcat内存溢出解决方法
Java内存溢出详解一.常见的Java内存溢出有以下三种: 1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap(堆)溢出 JVM在 ...
深入理解Java虚拟机——第二章——Java内存区域与内存溢出异常
运行时数据区域 Java虚拟机运行时数据区域程序计数器程序计数器可以看做是当前线程所执行的字节码的行号指示器.字节码解释器工作时就是通过改变这个计数器的值来选取下一条所需要执行的字节码指令,分支. ...
Java内存溢出详解之Tomcat配置
Java内存溢出详解转自:http://elf8848.iteye.com/blog/378805 一.常见的Java内存溢出有以下三种: 1. java.lang.OutOfMemoryError ...
php缓存数据到本地缓存,本地缓存localStorage的使用方法
本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法. 在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置.传递数据 ...

localStorage溢出问题

localStorage溢出问题相关推荐

最新文章

热门文章