H5中不同于Cookie的会话缓存技术

在Web开发中，我们可以使用 localStorage和 sessionStorage来实现类似的本地存储功能

1. localStorage​：

   • 用途：​localStorage​是一种持久化的本地存储方式，可以在浏览器关闭后仍然保留数据。
   • 示例代码：

     // 设置数据 
     localStorage.setItem('key', 'value'); 
     // 获取数据 
     const value = localStorage.getItem('key'); 
     // 删除数据 
     localStorage.removeItem('key'); 
     // 清除所有数据 
     localStorage.clear(); 

2. ​​sessionStorage​：

   • 用途：​sessionStorage​是一种临时的本地存储方式，数据只在当前会话期间有效，即在关闭浏览器选项卡或窗口后数据将被清除。
   • 示例代码：

     // 设置数据 
     sessionStorage.setItem('key', 'value'); 
     // 获取数据 
     const value = sessionStorage.getItem('key'); 
     // 删除数据 
     sessionStorage.removeItem('key'); 
     // 清除所有数据 
     sessionStorage.clear();

这两种方式都是通过 ​setItem()​、​getItem()​、​removeItem()​和 ​clear()​等方法来进行数据的存储、获取、删除和清除操作。

​localStorage​和 ​sessionStorage​的数据是以字符串的形式存储的，如果需要存储和读取复杂的对象，需要使用 ​JSON.stringify()​和 ​JSON.parse()​方法进行转换。此外，在Web开发中，也可以使用其他第三方库来提供更多功能和更好的兼容性。