前端缓存的使用
Cookies
是服务器发给用户浏览器并保存在本地的一小块数据,会在下载请求时自动携带并返回给服务器,通常用它来保持用户登陆状态
在服务器上,通过响应头上添加 set-cookie选项,浏览器收到响应时会自动保存。
例如:
expires为过期时间
Set-Cookie: zzz_cookie=xyz; Expires=Wed, 21 Oct 2015 07:28:00 GMT;
也可以通过js代码来操作cookie
document.cookie = 'zzz_cookie=zzz';
localStorage 本地存储
localStorage是以 key-value 方式存储
localStorage比cookies更大,占用5M左右空间,在不主动清楚的情况下,可以永久使用
受到同源策略的限制
不随http请求一起发送
建议以字符串形式存储
jq
localStorage.setItem(key,value)
localStorage.getItem(key)
localStorage.removeItem(key)
localStorage.clear()
localStorage.key(n) 获取第n个的键值
js
window.localStorage.removeItem(key)
window.localStorage.clear()
sessionStorage 会话存储
和localStorag一样,不同的是它的时效性为本次会话, 即浏览器后session便会失效
只能存储简单数据类型数据
浏览器内,同一个tab页内可见,跨tab不可见
jq
sessionStorage.length
sessionStorage.setItem(key,value)
sessionStorage.getItem(key)
sessionStorage.remove(key)
sessionStorage.clear()
js
window.sessionStorage.setItem(key,value)
window.sessionStorage.getItem(key)
window.sessionRemove(key)
window.sessionStorage.clear()