乐趣区

关于前端:面试回顾前端存储常见问题总结

cookie

概念

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

毛病

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

localStorage 和 sessionStorage

概念

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

区别

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