cookie、localStorage与sessionStorage的区别

一. cookie

原本用于前后端交互，但也有本地存储的功能
缺点：

• 存储量太小，只有4kb
• 所有http请求都携带到ajax中，会影响获取资源的效率
• API简单，需要封装才能用

二. localStorage与sessionStorage

• HTML5专门为存储而设计，最大容量5M
• API简单易用：
• localStorage.setItem(key,value)
• localStorage.getItem(key,value)
• sessionStorage浏览器关闭后数据会被清理，localStorage数据会一直在
• ios safari隐藏模式下，localStorage.getItem会报错，建议统一使用try-catch封装