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封装。
网友评论