无涯

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

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:

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

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

firebase 登录方法封装在现代 Web 应用中，用户登录与身份验证是不可或缺的功能。Firebase 提供了完整的 Authentication 解决方案，支持多种登录方式（如 Google、Facebook、Apple、邮箱密码等），并与前端框架（如 React、Vue、Next.js）完美集成。 本文将封装一个通用的 Firebase 登录方法，支持多种登录方式、灵活的凭证输入，以及统一

web 录音封装因为工作需求，需要一个录音功能，所以封装了一个录音类(库) 一、实现目标我们希望封装一个具备以下特性的录音工具类： ✅ 支持 开始 / 停止录音 ✅ 支持录音状态管理（idle、recording、stopped、error） ✅ 可通过回调函数监听录音状态与错误 ✅ 录制结果可获取为 Blob 或 URL ✅ 自动清理媒体资源，防止内存泄漏 ✅ 基于 TypeScri

ts 中 type 和 interface 的区别type 可以用于基本类型、联合类型、元组，但 interface 不能： // ✅ type 支持联合类型 type ID = string | number; // ✅ type 支持元组 type Point = [number, number]; // ❌ interface 不能直接定义联合类型 // interface ID = s

proformance api 使用Performance API 介绍Performance API 是浏览器提供的 高精度性能监控接口，用于测量网页和应用的性能，包括 页面加载时间、资源加载情况、JavaScript 执行时间 等。 Performance API 主要用于： 分析页面加载时间（如 performance.timing） 监测资源加载情况（如 performance.getE