Web 缓存的出现主要是为了弥补cookie带来的一些局限,当数据严格控制在客户端时,可以不用通过HTTP来持续得将数据发给服务器。
主要使用比较多的就是sessionStorage和localStorage,这两种都是Storage类型,Web Storage提供一个Storage类型,它有下面这么写方法:
getItem(item);
setItem(item, value)
removeItem(item)
所以sessionStorage和localStorage都可以调用上面的方法。
SessionStorage
sessionStorage.setItem("Age", 20);
当关闭该页面,重新访问时(没有了设置sessionStorage),此时在Application里的SessionStorage并没找到Age这个缓存,说明Session Storage是基于会话的,也就是说当前页面关闭之后,session Storage就消失了。
localStorage
localStorage.setItem("Age", 20);
当浏览器关闭,重新打开时,看到localStorage中还有Age这个缓存,因此localStorage是永久缓存的,除非手动清除,否则它会一直存在,上图中的musics,searchHistory等等正说明了这一点。
清除localStorage可以调Storage类型的接口:
localStorage.removeItem("Age");