cookie

  • 本身用于浏览器和服务器通讯
  • 被“借用”到本地存储来，在localStorage和sessionStorage出现之前用于本地存储
  • 可用document.cookie = ‘a=100’ 来修改

  • 缺点

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

      localStorage和sessionStorage

  • HTML5专门为存储而设计，最大可存储5M

  • API简易易用，getItem和setItem
  • 不会随着http请求被发送出去
  • 区别
    • localStorage数据会永久存储，除非代码或手动删除
    • sessionStorage数据只存在于当前会话，浏览器关闭则清空
    • 一般用localStorage更多一些

      相关面试题

  1. cookie localStorage sessionStorage的区别
    1. 容量
    2. API易用性
    3. 是否跟随HTTP请求发送出去