ES5存储

题目

• 请描述一下cookie，sessionStorage和localStorage区别？（在HTML5出来之后，才有了sessionStorage和localStorage）

知识点

cookie

• 本身用于客户端和服务端通信
• 但是它有本地存储的功能，于是就被“借用”
• document.cookie = … 获取和修改即可（是个字符串，key value形式存储）
  ######cookie用于存储的缺点
• 存储量太小，只有4KB
• 所有http请求都带着，会影响获取资源的效率
• API简单，需要封装才能用，document.cookie=…

sessionStorage和localStorage

• HTML5专门为存储而设计，最大容量5M
• API简单易用
• localStorage.setItem(key, value);
• localStorage.getItem(key)
  注意
• iOS safari 隐藏模式下，localStorage.getItem会报错
• 建议使用localStorage、sessionStorage的时候，统一使用try-catch封装

解答

请描述一下cookie，sessionStorage和localStorage区别？

• 容量
• 是否会携带到ajax中（cookie可以）
• API易用性，（cookie需要自己封装）