cookie，sessionStorage和localStorage的区别

cookie

• 本身用于客户端和服务端通信
• 但是它有本地存储的功能，于是就被“借用”
• 使用document.cookie = ...获取和修改即可

cookie用于存储的缺点：

• 存储量太小，只有4KB
• 所有http请求都带着，会影响获取资源的效率
• API简单，需要封装才能用 document.cookie = ...

sessionStorage和localStorage

特点：

• HTML5专门为存储而设计，最大容量5M
• API简单易用
  localStorage.setItem(key,value);
  localStorage.getItem(key);

区别：
关闭浏览器的时候，sessionStorage会被清空，而localStorage不会。

注意：
iOS safari隐藏模式下，localStorage.getItem会报错，建议统一使用try-catch封装。