本地存储

---

localStorage （长期存储）

localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

JSON.stringify()   =>对象转JSON
JSON.parse（)      =>JSON转对象

localStorage.getItem('key') -> val
localStorage.setItem('key','val')
localStorage.removeItem('key')
localStorage.clear()

注意:
在存储数据的时候，val值默认会使用toString转一道

{} -> [object Object]

解决:
传递进去的时候用JSON.stringify转下。

支持一种事件

onstorage===>能监控到同一个浏览器兄弟页面的操作

sessionStorage（临时存储）

sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。源生接口可以接受，亦可再次封装来对Object和Array有更好的支持。

不支持 onstorage 事件

cookie:

前端使用一般是把它当做一个仓库 存一些用户的相关信息（加密）
每个浏览器的cookie体积大小是不一样的。

cookie是一些数据, 存储于你电脑上的文本文件中

document.cookie 属性来创建 、读取、及删除 cookie。

expires ==>指定了coolie的生存期