JS-Web-API-存储

知识点

cookie

• 本身用于浏览器和 server 通讯
• 被“借用”到本地存储来（当时没有技术可以支持本地存储，才被借用，HTML5之后才正式作为本地存储）
• 前端可用 document.cookie = ‘xxx’ 来修改
  

cookie 缺点

• 存储大小，最大 4KB
• http 请求时需要发送到服务端，增加请求数据量
• 只能用 document.cookie = ‘…’,太过简陋

localStorage 和 sessionStorage

• HTMl5 专门为存储而设计，最大可存 5M（针对每个域名可存 5M）

• API 简单易用 setItem getItem

• 不会随着 http 请求被发送出去

• localStorage 数据会永久存储，除非代码或手动删除

• sessionStorage 数据只存在于当前会话，浏览器关闭则清空

• 一般用 localStorage 会更多一些

代码

题目

描述cookie localStorage sessionStorage 区别

cookie算是http请求的一部分，但也具备存储的能力

• 容量
• API 易用性
• 是否跟随 http 请求发送出去