概述
cookie | localStorage | sessionStorage | |
---|---|---|---|
大小 | 4Kb | 10MB | 5MB |
兼容 | H4、H5 | H5 | H5 |
访问 | 任何窗口 | 任何窗口 | 同一窗口 |
有效期 | 手动设置 | 无 | 到窗口关闭 |
存储位置 | 浏览器和服务器 | 浏览器 | 浏览器 |
与请求一起发送 | 是 | 否 | 否 |
语法 | 复杂 | 简易 | 简易 |
HTTP 无状态
两次连接同一个服务器,服务器意识不到是同一个用户发送的请求
- 这种缺少状态的方式意味着每次连接服务器都需要传输一部分用户信息,降低了传输的效率
cookie
一种存储机制,为了解决 HTTP 无状态的问题
- 第一次访问服务器是没有 cookie 的
- 服务器在收到请求之后会在响应中添加头部 Set-Cookie,并标识
- 下次客户端请求时,就会在请求头部添加 cookie,并附上标识
- 以后每一次请求都会发送 cookie
Web 存储
localStorage
永久保存,可自行删除
场景:搜索历史
sessionStorage
页面关闭即删除
场景:敏感账号一次性登录