一. 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封装