10.存储.md

• cookie

  • 本身用于浏览器和server通讯（本身是http一部分）
  • 被“借用”到本地存储（因为之前还没出storage）
  • 可用document.cookie = '...' 来修改
  • cookie值是通过分号进行分割的key、value对的形式
  • 价值在于通信，而不是存储，但由于它一旦存储，怎么刷新都存在，因此被用来存储
  • 不足：
    • 存储大小：最大4KB（请求要带上cookie，太大影响请求）
    • http请求需要发送cookie到服务器，增加请求数量
    • document.cookie = '...'操作太过简陋

• localStorage 和 sessionStorage

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