cookie

概念

  • 自身用于浏览器和server通信
  • 被“借用”到本地存储
  • 用document.cookie = ... 来批改
  • 类键值对的模式存储,以分号分隔

毛病

  • 存储大小,最大4KB
  • http申请时须要发送到服务端,减少申请数据量
  • 只能用document.cookie = ... 来批改,api过于简陋

localStorage 和 sessionStorage

概念

  • HTML5专门为存储而设计,最大可存5M
  • api简略易用,setItem getItem
  • 不会随着http申请被发送进来

区别

  • localStorage数据会永恒存储,除非代码或手动删除
  • sessionStorage数据只存在于以后会话,浏览器敞开则清空
  • 个别用localStorage会更多一些