前端 本地缓存localStorage/sessionStorage

当我们刷新页面时，除了路由，页面的当前状态及数据会全部清空/重置，包括浏览器标题。

如果想保存刷新前的一些数据，可以通过window.localStorage/sessionStorage，在浏览器里存储一些键值对小数据。

localStorage与sessionStorage的区别，前者的存储一直保留着，后者在关闭窗口/标签时会被删除。

使用方法：

1 // 存储
2 sessionStorage.setItem("key", "XXX");
3 // 检索
4 var keyValue = sessionStorage.getItem("key");
5 //删除
6 sessionStorage.removeItem("key");
7 //全部删除
8 sessionStorage.clear();