题目
- 请描述一下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需要自己封装)