【笔记】LocalStorage/SessionStorage用法

实用案例：

类似于分类查看信息，当选择条件进行过滤后，选择某一项查看具体信息并离开当前页面，当通过面包屑导航或后退功能返回至之前过滤后的列表

实现思路：

当页面离开时，将当前页面过滤条件存储在session中，无论通过哪种手段跳回页面都先从session中获取存储的信息，如若为空则选择默认值

在每次获取信息时需手动清空session存储的信息

**

SessionStorage

**
SessionStorage 属性允许访问衣蛾session Storage对象，存在SessionStorage中的数据在页面回话结束时会被清除，页面回话在浏览器打开期间一直保持，并且重新加载货回复页面仍会保持原来的页面回话。当页面关闭时，会主动清除掉所有SessionStorage中的数据。

常用方法:

// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');

// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear();

LocalStorage:

属性允许你访问一个Document源（origin）的对象Storage；存储的数据将保存在浏览器会话中，但不同于SessionStorage，存储在localStorage的数据可以长期保留，当页面会话结束时不会被清除。

常用方法同SessionStorage。