本地存储的特性
1、数据存储在用户浏览器中
2、设置、读取方便,甚至页面刷新不丢失数据
3、容量较大,sessionStorage约5M, localStorage约20M
4、只存储字符串
一、window.sessionStorage
1、生命周期为关闭浏览器
2、在同一个窗口(页面)下数据可以共享
3、以健值对的形式存储使用
二、window.localStorage
1、生命周期永久生效,除非手动删除,否则页面关闭也会存在
2、可以多页面共享
3、以健值对的形式存储使用
cookie
- cookie是http协议的一部分,http协议对cookie有规定
- cookie是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器发起请求时被携带并发送到服务器上。
- cookie主要用于告知服务端两个请求是否来自同一浏览器。如:保持用户登录状态
使用场景
- 会话状态管理,如用户登录状态、购物车等
- 个性化设置,如用户自定义设置、主题
- 浏览器行为跟踪 如跟踪分析用户行为