cookie
概念
- 自身用于浏览器和 server 通信
- 被“借用”到本地存储
- 用 document.cookie = … 来批改
- 类键值对的模式存储,以分号分隔
毛病
- 存储大小,最大 4KB
- http 申请时须要发送到服务端,减少申请数据量
- 只能用 document.cookie = … 来批改,api 过于简陋
localStorage 和 sessionStorage
概念
- HTML5 专门为存储而设计,最大可存 5M
- api 简略易用,setItem getItem
- 不会随着 http 申请被发送进来
区别
- localStorage 数据会永恒存储,除非代码或手动删除
- sessionStorage 数据只存在于以后会话,浏览器敞开则清空
- 个别用 localStorage 会更多一些