存储

• cookie, sessionStorage和localStorage的区别

cookie

• 本身用于客户端和服务器端通信
• 但有本地存储的功能，于是就被“借用”
• 使用document.cookie=...获取和修改
• 缺点 ：存储量4KB
• 所有http请求都带着，会影响获取资源的效率
• API简单，需要封装才能用document.cookie=...

sessionStorage和localStorage

• HTML5专为存储设计，最大容量5M
• API简单易用 localStorage.setItem(key,value); localStorage.getItem(key)
• ios safari隐藏模式下，localStorage.getItem会报错，建议同意使用 try-catch 封装

区别

1. 容量
2. 是否会携带到ajax中
3. API易用性