
localStorage的优势
1、localStorage拓展了cookie的4K限制
2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的
localStorage的局限
1、浏览器的大小不统一,并且在IE8以上的IE版本才支持localStorage这个属性
2、目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换
3、localStorage在浏览器的隐私模式下面是不可读取的
4、localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡
5、localStorage不能被爬虫抓取到
localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空
- //设置setLocalDelay
- var setLocalDelay = function (delay, detime) {
- //location.href作为页面的唯一标识,可能一个项目中会有很多页面需要获取验证码。
- localStorage.setItem("delay_" + location.href, delay);
- localStorage.setItem("time_" + location.href, detime);
- }
- setLocalDelay(0, new Date().getTime());
- //获取getLocalDelay(),设置刷新页面不初始化参数
- var getLocalDelay = function () {
- var LocalDelay = {};
- LocalDelay.delay = localStorage.getItem("delay_" + location.href);
- LocalDelay.time = localStorage.getItem("time_" + location.href);
- return LocalDelay;
- }
评价