储存

有哪几种

• cookie 包含属性：
  • value：加密，不使用明文
  • http-only：只能服务器获取cookie，减少xss攻击
  • secure：只在https的请求中携带cookie
  • same-site：跨域请求不携带cookie，减少csrf攻击
• sessionStorage
• localStorage
• IndexDB
• service worker

有什么区别

生命周期

• cookie:一般由服务器生成，可设置过期时间
• sessionStorage：页面关闭后清理
• localStorage、IndexDB：不主动清理就一直存在

数据量

• cookie:5k
• sessionStorage、localStorage：5m
• IndexDB：无限

与服务器通信是否会被携带

• cookie：在请求对应的服务器时，会将cookie携带
• 其他方式不会与服务器通信