1. cookie

对比过去使用的cookie缓存数据

cookie 是浏览器缓存数据的一种机制，需要在http环境下，才能使用，才能缓存数据，共享数据。还得使用字符串api进行操作。

document.cookie="key=value; expires=new Date('2024-00-00')"

2.localStorage (本地存储)

localStorage.setItem(key , value)  // 设置存储
localStorage.getItem(key , value)  // 获取存储
localStorage.removeItem(key , value)    // 删除所选的存储
localStorage.clear()// 清除所有存储

假设需要设置本地存储的有效时间？

// 设置开始时间戳
localStorage.setItem(startTime, new Date().getTime())
// 每次打开页面就获取开始时间戳
var startTime = localStorage.getItem(startTime
// 用当前的时间戳减去开始时间戳
var currentTime = new Date().getTime();
// 相差的秒
var time = (currentTime - startTime) / 1000

3. sessionStorage (会话存储)

sessionStorage.setItem(key , value)  // 设置存储
sessionStorage.getItem(key , value)  // 获取存储
sessionStorage.removeItem(key , value)    // 删除所选的存储
sessionStorage.clear()// 清除所有存储

4、cookie 和 localStorage 和 sessionStorage 的区别?

1) 环境

2) 有效时间

3) 体积大小

4) 书写