13- localStorage SessionStorage 和 cookie 的区别

面试题目：

• 描述cookie localStorage sessionStorage区别
  • 容量
  • API易用性
  • 是否跟随http请求发送出去

cookie

• 本身用于浏览器和server通讯
• 被‘借用’到本地存储来
• 可用document.cookie = '...' 来修改 缺点：
• cookie存储大小 ，最大4KB
• http请求时需要发送到服务端，增加请求数据量
• 只能用document.cookie = '...'来修改，太过简陋

//同一个key会覆盖，不同key会追加
document.cookie='a=100;b=200;'

localStorage 和 sessionStorage

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

• API简单易用setItem getItem

• 不会随着http请求被发送出去

• localStorage数据会永久存储，除非代码或手动删除

• sessionStorage数据只存在于当前会话，浏览器关闭则清空

• 一般用localStorage会更多一些