浏览器数据本地存储方法（localStroage、sessionStroage、cookie、indexedDB）
2019-07-07
##目前常见的存储方式为以下三种：
- Cookie
- web存储 (locaStorage和seesionStorage)
- IndexedDB
共同点：都是保存在浏览器端、且同源的
区别：
| - | Cookie | localStorage | sessionStorage | indexedDB |
|---|---|---|---|---|
| 容量大小 | 4kb左右 | 5M左右 | 5M左右 | 无限容量 |
| 过期时间 | 只在设置的过期时间之前一直有效, 即使窗口或者浏览器关闭 |
始终有效 | 当前浏览器窗口关闭前有效 | 始终有效 |
| 存储方式 | 浏览器和服务器间来回传递 | 本地保存 | 本地保存 | 本地保存 |
| 存储方式 | 在同源窗口中共享 | 在同源窗口中共享 | 在同源窗口并且同一窗口中共享 | 在同源窗口中共享 |