---
title: webLocalStorage - 本地存储库
nav:
  title: 使用文档
  path: /lib
group:
  path: /BrowserFunction
  title: 浏览器相关
  order: 2
---

## webLocalStorage

> 基于 localStorage 上层封装的支持过期时间设置的缓存库, 支持操作回调.支持兼容ie6/7 的缓存库.

Demo:

```tsx | pure
import { webLocalStorage } from 'hikauto-utils';

// 将对象序列化
webLocalStorage.set('name', 'zhengzhijie11', Date.now() + 1000);
console.log(webLocalStorage.get('name'));
setTimeout(() => {
  console.log(webLocalStorage.get('name'));
}, 1000);

// 设置成功后的回调
webLocalStorage.set('name', 'zhengzhijie11', Date.now() + 1000, (status, key, value) => {
  console.log('success');
});
```

```tsx
/**
 * title: 打开控制台查看结果
 */

import { webLocalStorage } from 'hikauto-utils';

// 设置过期时间
webLocalStorage.set('name', 'zhengzhijie11', Date.now() + 1000);
console.log(webLocalStorage.get('name'));
setTimeout(() => {
  console.log(webLocalStorage.get('name'));
}, 1000);

// 设置成功后的回调
webLocalStorage.set('name', 'zhengzhijie11', Date.now() + 1000, (status, key, value) => {
  console.log('success');
});
```