js的缓存方式之localstorage,session,cookie

localStorage - 没有时间限制的数据存储 大约相当于本地5m的数据库

 var arr=[1,2,3];
   localStorage.setItem("temp",arr); //存入 参数: 1.调用的值 2.所要存入的数据 
   console.log(localStorage.getItem("temp"));//输出

 2.清空localStorage
  localStorage.clear(); //

 3.删除键值对
  localStorage.removeItem("arr");  
  注意:存入的数据只能以字符串形式存入。
  
.提供转JOSN数据方法:
  //JSON对象转JSON字符串
  var obj = {"a": 1,"b": 2};
  obj = JSON.stringify(obj); //转化为JSON字符串
  localStorage.setItem("temp2", obj);

  //JSON字符串转JSON对象
  obj=JSON.parse(localStorage.getItem("temp2"));

session -会话存储 浏览器关闭即消失 用法与localStorage相似

window. localStroage
window. sessionStorage
setItem(key, value): 保存某个数据
getItem(key): 获取某个数据
removeItem(key): 删除某条数据
clear(): 清除所有数据
key(index): 根据索引获取第几条数据的键名

cookie -解决http协议无状态的缺点,服务端用来识别用户信息

  1. 服务器像客户端发送cookie
  2. 浏览器将cookie保存
  3. 之后每次http请求浏览器都会将cookie发送给服务器端
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值