Web缓存机制

Posted 2021-02-05 jodniki

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");