三种存储

cookie
不能超过4kb，主要用途是保存登录信息
登录页面常使用cookie
设置cookic常用语法：document.cookie = ``;
max-age = 变量；设置cookie的保质期
localstorage（本地存储）格式跟临时存储一样
是HTML5中新加入的技术
除非被清除，否则永久保存
一般为5MB
仅在客户端（即浏览器）中保存，不参与和服务器的通信
本地存储使用的是key value数据结构
注意：value值只能是字符串 无法存储对象
本机持续化存储，没有过期时间
如果要存储对象要将对象转化为字符串
可使用JSON.stringify()将javascript对象转换为json字符串
localStorage在浏览器的隐私模式下面是不可读取的。
localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡。
localStorage不能被爬虫抓取到。
清空存储的值：
localStorage.removeItem("key");
sessionstorage（临时存储）
临时存储使用的是key value数据结构
注意：value值只能是字符串 无法存储对象
如果要存储对象要将对象转化为字符串
可使用JSON.stringify()将javascript对象转换为json字符串
// 将对象转为字符
let personString = JSON.stringify(person);
// 将字符串存储在sessionStorage中
sessionStorage.setItem("persons", personString);
// 获取值
let person = sessionStorage.getItem("persons");
localStorage 与 sessionStorage 的唯一一点区别就是 localStorage 属于永久性存储，而 sessionStorage 属于当会话结束的时候，sessionStorage 中的键值对会被清空。