Cookie
常用于客户端与服务端之间的通信,但是它有本地存储的功能。
缺点:
存储量太小,只有4kb
所有http请求都会含cookie,会影响获取资源的效率
API简单,需要封装一下才能用
LocalStorage 和SessionStorage
H5问世后,专为浏览器存储而设计,最大容量为5mb
API简单易用,localStorage.setItem(key,value)和localStorage.getItem(key,value),sessionStorage也是如此
但是这两个存储的区别在哪里呢?
1. localStorage存储时间取决于用户设置的有效期,如果浏览器关闭,localstorage存储的东西不会消失。
2. sessionStorage会在浏览器关闭时,所存储的东西会被销毁。
Cookie | LocalStorage | SessionStorage | |
容量 | 4KB | 5MB | 5MB |
是否包含在ajax中 | 是 | 否 | 否 |
API易用性 | 需要封装 | 是 | 是 |
三者使用场景:
cookie一般存储用户名密码相关信息,或者过期日期。
localStorage可以用来统计页面访问次数。
sessionStorage可以用来统计当前页面元素的点击次数。