WebStorage - localStorage和sessionStorage
# webstorage
目的:
1. 提供一种在cookie之外存储会话数据的路径
2. 提供一种存储大量可以跨会话存在的数据机制
# webstorage 提供了两种API: localStorage本地存储 、sessionStorage会话存储
# localStorage VS sessionStorage
1. 生命周期: localStorage永久有效, sessionStorage尽在当前会话(当前窗口有效)
2. 存储大小: 都为 5MB
3. 存储位置: 都在客户端,不予服务器进行交互通信
4. 存储内容类型: 字符串,复杂的对象可以使用ECMAScript提供的JSON stringify和parse来处理
5. 获取方式:window.localStorage, window.sessionStorage
6. 应用场景: localStorage用于长期登录and判断用户是否已登录
sessionStorage敏感账号一次性登录
# webstorage 提供了一些方法,数据操作比cookie方便
setItem(key,value) -- 保存数据
getItem(key) -- 获取数据
removeItem(key) -- 删除单个数据
clear() -- 删除所有数据
key(index) -- 获取某个索引的key