使用localStorage替代cookie做本地存储


Posted in Javascript onSeptember 25, 2019

因为cookie存储有限,加上cookie每次都要上传到服务器,浪费了带宽不说,而且伤害了感情。

基于HTML5的localStorage可能能给你带的新的希望,而且最大支持不超过5MB的数据存储。可惜的是,IE方面只支持IE8以上的版本。

使用localStorage替代cookie做本地存储

我花了一点时间就最近浏览记录的存储简单的写了一个javascript代码来做演示

late = {
 storage : {},
 isinit : 0,
 maxnum : 10,
 key : 'vestigial',
 _init:function(){
  if (late.isinit === 1) {
   return true;
  } else if (late.isinit === 0 && window.localStorage) {
   late.isinit = 1;
   late.storage = window.localStorage;
   return true;
  } else {
   return false;
  }
 },
 
 get:function(){
  if(late._init()){
   var data = late.storage.getItem(late.key);
   return JSON.parse(data);
  }else{
   return false;
  }
 },
 
 set:function(value){
  if(late._init()){
   var data = late.storage.getItem(late.key); 
   data = JSON.parse(data);
   if(data === null){
    data = [];
   }
   if (data.length === 10) {
    data.shift();
   }
   data.push(value);
   data = JSON.stringify(data);
   late.storage.setItem(late.key, data);
   return true;
  }else{
   return false;
  }
 }
};
 
var obj = {
  id:2, 
  title:'标题1', 
  url:'http://www.baidu.com'
 };
late.set(obj);
var each = late.get();
var eachlength = each.length;
for(i=0; i<eachlength; i++){
 document.writeln(JSON.stringify(each[i]));
}

实在不行的话还可以使用flash来存储,不建议使用cookie。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
javascript 装载iframe子页面,自适应高度
Mar 20 Javascript
javascript 当前日期加(天、周、月、年)
Aug 09 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
Aug 27 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
Bootstrap基本组件学习笔记之列表组(11)
Dec 07 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
vue登录注册实例详解
Sep 14 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
JS精确判断数据类型代码实例
Dec 18 Javascript
JSONP 的原理、理解 与 实例分析
May 16 Javascript
JavaScript使用localStorage存储数据
Sep 25 #Javascript
Vue路由守卫之路由独享守卫
Sep 25 #Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 #Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 #Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 #Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 #Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 #Javascript
You might like
全国FM电台频率大全 - 9 上海市
2020/03/11 无线电
PHP下10件你也许并不了解的事情
2008/09/11 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
Javascript中的相等与不等运算
2010/04/25 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
使用graphics.py实现2048小游戏
2015/03/10 Python
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
详解django三种文件下载方式
2018/04/06 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
python实现广度优先搜索过程解析
2019/10/19 Python
python新手学习使用库
2020/06/11 Python
COSETTE官网:奢华,每天
2020/03/22 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
500字作文之难忘的同学
2019/12/20 职场文书
Nginx域名转发使用场景代码实例
2021/03/31 Servers
mysql事务对效率的影响分析总结
2021/10/24 MySQL
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers