JS Web API 存储的核心 API 和使用场景是什么?


JS Web API 存储的核心 API 和使用场景

定义

  • 本身用于浏览器和 server 通讯

  • 被“借用”到本地存储来

  • 可用 document.cookie = ’…’ 来修改 缺点

  • 存储大小,最大 4KB

  • http 请求时需要发送到服务端,增加请求量

  • 只能用 document.cookie 来修改,太过简陋

localStorage 和 sessionStorage

  • HTML5 专门为存储而设计,最大可存5M
  • API 简单易用 setItem getItem
  • 不会随着 http 请求被发出去
  • localStorage 数据会永久存储,除非代码手动删除
  • sessionStorage 数据只存在于当前会话,浏览器关闭则清空
  • 一般 localStorage 会更多一些