cookie缓存

ookie
主要用于缓存web 页面用户的信息的
cookie 是一种数据 缓存到电脑上的文本文件
在web页面上 用户的信息不回存储在后端 在页面上使用缓存 来存储
在用户访问页面的时候存储用户的信息到cookie
下次访问的时候 直接从cookie读取信息
cookie 缓存 存在有效期
js里面如何创建cookie
创建cookie
cookie的简单建立
document.cookie=“maodou”;
设置cookie 的相关参数

var date=new Date();
     console.log(date);*/
    //cookie 的有效期  之后会自动删除
    //expires  有效期
    //path  指当前cookie的 有效路径  不写默认有效路径

   /* document.cookie = "username=maodou;expires=Mon Mar 16 2020 18:14:52 GMT+0800;";
    document.cookie = "userpwd=12345;expires=Mon Mar 16 2020 18:14:52 GMT+0800;";

设置cookie 成功之后 读取cookie

var cookie = document.cookie.split(";");
    console.log(document.cookie.replace(/\ /g, ""));
    var user = {};
    var a = cookie[0].split("=");
    var b = cookie[1].split("=");
    user[a[0]] = a[1];
    user[b[0]] = b[1];
    console.log(user);

删除cookie 只要修改当前cookie的 有效期就可以
设置有效期时间Thu, 01 Jan 1970 00:00:00 GMT 自动过期

document.cookie = "userpwd=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
console.log(document.cookie);

修改cookie
对前端的字符串进行加密解密 js base64
中文 要转码之后在加密

 var str=window.btoa("maodou");
    console.log(str);

中文的转码及解码

console.log(escape("张三"));  //%u5F20%u4E09
    console.log(window.btoa("%u5F20%u4E09"));
    console.log(window.atob("JXU1RjIwJXU0RTA5"));
    console.log(unescape("%u5F20%u4E09"));

html5 缓存
storage 缓存
localStorage 本地电脑缓存 永久性 除非删除 没有过期时间
sessionStorage 浏览器客户端缓存 客户端关闭（当前窗口关闭）之后 就会自动删除 （临时存储）
html5 缓存 存储的数据比较大
cookie 存储的数据量比较小
这两个特别像 使用的方法和方式都是一样的
都属于window里面的属性

设置缓存 键和值

sessionStorage.setItem("username", "maodou");
    sessionStorage.setItem("userpwd", "maodou");

读取缓存

console.log(sessionStorage.getItem("username"));
console.log(sessionStorage.getItem("userpwd"));

删除缓存

sessionStorage.clear();  //全部清除

移除缓存

sessionStorage.removeItem("username");

读取session 集合
length 属性 是存储的数据条数

 console.log(sessionStorage.length);