无涯

import crypto from "crypto"; const KEY = Buffer.from("12345678901234567890123456789012"); // 32 字节 AES-256 /** * AES 加密，返回 Hex 字符串 * 格式: 前32字符 IV + 后面密文 */ export function encrypt(text: string):

localforage的简化封装用于统一存储和加密本地数据

持久化存储状态

import localforage from "localforage"; // 配置 localforage 实例 const storage = localforage.createInstance({ name: "default-storage-", }); // 泛型化 getItem，提高类型安全 async function getItem<T>(

store.tsimport { create } from 'zustand' import { persist } from 'zustand/middleware' import storage from '@/utils/storage' const DEFAULT_STATE = { bears: 0 as number, a:

react19 react.use的作用

React.use 使用React.use() 是 React 19 引入的新 API，作用是直接在组件渲染期间“解包 Promise 或上下文资源”，从而让组件可以同步地使用异步数据。 1. 解包 Promise（最常见用法）import React from "react"; export default function Page({ params, }: 

web worker的异步应用

web woker 的封装使用（基于 comlink）因为工作工程中需要处理大数据量数据，导致主线程被卡住，页面长时间无响应，导致体验不好，所以使用 web worker 开多线程处理数据；但是原生的 web worker 使用过于繁琐，读取困难，使用了 google 开源的 comlink 库，基于 Promise 的 web worker 封装，使用简单，易读。 使用 comlink 库npm