locstore

Locstore是一个轻量级的JavaScript库，提供了简洁而强大的本地存储管理功能。通过Locstore，开发者可以轻松地存储、检索和管理数据在用户的浏览器中，无论是长期存储还是短期会话存储。Locstore提供了一组丰富的API，允许您以简单的方式操作数据，包括设置、获取、删除等操作。它还提供了数据加密功能，以确保数据的安全性和高效存储。Locstore是一个高效、可靠、易于使用的本地存储解决方案，可以帮助您更好地管理和利用数据，提升用户体验和应用程序性能。 Locstore集成了TypeScript,让您使用起来更是得心应手。 无论您是构建Web应用程序还是构建离线应用程序，Locstore都是您不可或缺的存储管理工具。

安装

npm install locstore --save
yarn add locstore --save
pnpm add locstore --save

导入

import _cache from 'locstore'

项目中使用

1. 存储及获取

// js版本存储 默认为localstorage
_cache.set("name", "张三");

// js版本获取
const name = _cache.get("name");

// ts版本存储同上
// ts版本获取
const name = _cache.get<string>("name");

2. 指定存储获取缓存类型

// 0. 安装
import _cache, { StoreType } from "locstore"

// 1. sessionstorage
_cache.set("name", "张三", { storage: StoreType.SEEEIONSTORAGE });
_cache.get("name", { storage: StoreType.SEEEIONSTORAGE })

// 2. localstorage
_cache.set("name", "张三", { storage: StoreType.LOCALSTORAGE});
_cache.get("name", { storage: StoreType.LOCALSTORAGE })

// 3. cookie
_cache.set("name", "张三", { storage: StoreType.COOKIE });
_cache.get("name", { storage: StoreType.COOKIE })

3. 存储设置过期时间

过期时间根据dayjs时间转换，locstore中已经内置，项目中可以不安装， TimeSpan类为内置的，该类提供了一下几个方法 TimeSpan.Now(): Dayjs or TimeSpan.Today(): Dayjs // 获取当天时间 TimeSpan.Ticks(): number// 获取当前时间的时间戳 TimeSpan.FromDays(num: number): Dayjs 获取指定天数的后的日期 TimeSpan.FromHours(num: number): Dayjs 获取指定小时数的后的日期 TimeSpan.FromMinutes(num: number): Dayjs 获取指定分钟数的后的日期 TimeSpan.FromMilliseconds(num: number): Dayjs 获取指定毫秒数的后的日期 TimeSpan.FromSeconds(num: number): Dayjs 获取指定秒数的后的日期

// 0. 安装
import _cache, { TimeSpan } from "locstore";

// 1. 使用，
_cache.set("name", "张三", { expires: TimeSpan.FromDays(2) }); // 表示该缓存两天后过期

4. 缓存加密

注意，加密后获取时需要解密

// 0. 安装
import _cache from "locstore";

// 1. 使用
_cache.set("name", "张三", { encrypt: true });

// 2. 获取
_cache.get("name", { decrypt: true });

5. 案例

// 0. 安装
import _cache, { TimeSpan, StoreType } from "locstore";

// 1.从sessionStore加密存储一个对象并获取，过期时间为两天
const student = {
	name: "张三",
	age: 18,
	gender: "男"
}
_cache.set("student", student, { storage: StoreType.SESSIONSTORAGE, expires: TimeSpan.FromDays(2), encrypt: true  })
_cache.get("student", { decrypt: true })

// ts中获取对象格式
type StudentType = {
	name: string;
	age: number;
	gender: string;
}
_cache.get<StudentType>("student", { decrypt: true });

locstore为平时用ts编写代码时秉着能懒则懒，一劳永逸的心态而写。如果你也和我一样懒......🤣。对不起，实在是吹不下去了~~~~~