工具函数
函数式编程
| 方法 | 说明 | 详细内容 |
|---|---|---|
| debounce | 防抖函数 | debounce |
| throttle | 节流函数 | throttle |
| memoize | 记忆化函数 | memoize |
| noop | 空函数 | noop |
| compose | 组合中间件函数 | compose |
字符串处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| md5 | MD5 哈希函数 | md5 |
| randomString / getRandomString | 生成随机字符串 | randomString |
| clearBr | 清除字符串中的空格、HTML 标签和换行符 | clearBr |
| clearStr | 去除字符串首尾的空格、URL 编码和引号 | clearStr |
| truncate | 用省略号截断字符串,对 Unicode 安全 | truncate |
| strParse | 将字符串解析为对象 | strParse |
| toString | 将值转换为字符串类型 | toString |
| transformText | 将 ArrayBuffer 转换为文本 | transformText |
| checkEncoding | 检测 Uint8Array 数据的字符编码 | checkEncoding |
| getMatchingSentences | 提取包含关键词的完整句子 | getMatchingSentences |
| isString | 判断值是否为字符串类型 | isString |
对象处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| merge / mergeExports | 合并对象;惰性 getter 导出对象 | merge |
| isEqual | 深度比较两个值是否相等 | isEqual |
| cloneDeep | 深度克隆对象或数组 | cloneDeep |
| querystring | 将对象转换为 URL 查询字符串 | querystring |
| filterObj | 过滤对象 | filterObj |
| formatJson | 格式化 JSON | formatJson |
数字处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| range | 限制数字在指定范围内 | range |
| clamp / lerp / inverseLerp / remap / fit / linearstep / smoothstep | shader 风格的插值与区间映射 | range |
| mathjs | 精确的数字运算函数 | mathjs |
| perToNum | 将百分比字符串转换为数字 | perToNum |
| transformNumber | 将数字转换为带单位的格式化字符串 | transformNumber |
| addNumSym | 给数字添加正负号 | addNumSym |
颜色处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| hexToRgb | 将十六进制颜色值转换为 RGB | hexToRgb |
| rgbToHex | 将 RGB 值转换为十六进制颜色值 | rgbToHex |
| randomColor | 生成随机颜色对象 | randomColor |
| Color / ColorScheme | 颜色类、值类、格式转换、调色板生成 | Color |
| blendScreen / blendMultiply / blendOverlay / luma / vibrance / cosinePalette / srgbToLinear | shader 风格的颜色混合与调色数学(0–1 通道) | Color |
时间处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| formatDuration | 将时间秒数转换为格式化字符串 | formatDuration |
| formatRelative | 描述相对当前的时间(「3 天前」) | formatRelative |
| parseVttTimestamp / parseVttCueTiming | 解析 WebVTT 字幕时间行 | parseVttTimestamp |
| timestampToTime | 将时间戳转换为 Date 对象 | timestampToTime |
| performanceTime | 获取高精度时间戳 | performanceTime |
设备检测
| 方法 | 说明 | 详细内容 |
|---|---|---|
| isMobile | 判断是否为移动端设备 | isMobile |
| isWeiXin | 判断是否为微信浏览器 | isWeiXin |
| isClient | 判断是否为客户端环境 | isClient |
| isSafari | 判断是否为 Safari 浏览器 | isSafari |
| currentDevice | 获取当前设备类型 | currentDevice |
DOM 操作
| 方法 | 说明 | 详细内容 |
|---|---|---|
| addClassToElement | 给 DOM 元素添加 CSS 类名 | addClassToElement |
| removeClassToElement | 从 DOM 元素移除 CSS 类名 | removeClassToElement |
| createDocumentFragment | 创建 DocumentFragment | createDocumentFragment |
| escapeHtml | 转义 HTML 特殊字符 | escapeHtml |
| Chain | 链式调用的 DOM 操作类 | Chain |
| create | 创建 DOM 元素的辅助函数 | create |
| EventManager / createDoubleTapDetector | 作用域事件注册表与双击检测 | EventManager |
| adoptStyles | 把样式文本注入 shadow root | adoptStyles |
| computePlacement | 相对锚点翻转/平移浮层位置 | computePlacement |
| setFontSize2html | 移动端 flexible rem 视口适配 | setFontSize2html |
音视频
| 方法 | 说明 | 详细内容 |
|---|---|---|
| AudioRecorder | 把麦克风录音录制成 Blob | AudioRecorder |
| createSpeechRecognizer | 基于 Web Speech API 的语音转文本 | createSpeechRecognizer |
存储
| 方法 | 说明 | 详细内容 |
|---|---|---|
| localStorageGetItem | 获取 localStorage 值 | localStorageGetItem |
| localStorageSetItem | 设置 localStorage 值 | localStorageSetItem |
URL/Query
| 方法 | 说明 | 详细内容 |
|---|---|---|
| getAllQueryString | 从 URL 提取查询参数 | getAllQueryString |
| encodeUrl | 安全地编码 URL | encodeUrl |
| appendUrl | 将查询参数拼接到 URL | appendUrl |
Cookie
| 方法 | 说明 | 详细内容 |
|---|---|---|
| getCookie | 获取指定 cookie 的值 | getCookie |
| getCookieByName | 通过正则获取 Cookie 值 | getCookieByName |
图片处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| convertImageToBase64 | 将图片文件转换为 Base64 | convertImageToBase64 |
| isImageSize | 校验图片文件的尺寸 | isImageSize |
性能
| 方法 | 说明 | 详细内容 |
|---|---|---|
| getPerformance | 获取页面性能指标数据 | getPerformance |
| getFrame | 计算帧率 | getFrame |
| getPixelRatio | 获取 Canvas 分辨率比例 | getPixelRatio |
网络
| 方法 | 说明 | 详细内容 |
|---|---|---|
| imageRequest | 通过图片请求测试网络延迟 | imageRequest |
| networkSpeed | 测试网络的 ping 值和抖动 | networkSpeed |
| connection | 获取当前网络连接信息 | connection |
| getStatus / status | HTTP 状态码 ↔ 消息查询 | getStatus |
浏览器
| 方法 | 说明 | 详细内容 |
|---|---|---|
| getWindow | 获取可视窗口大小 | getWindow |
| createObjectURL / requestUrlToBuffer | 创建对象 URL;拉取 URL 为原始字节 | createObjectURL |
脚本加载
| 方法 | 说明 | 详细内容 |
|---|---|---|
| scriptOnLoad | 动态插入 script 或 link 标签 | scriptOnLoad |
错误处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| handleConsole | 拦截并处理 console 方法调用 | handleConsole |
| handleError | 全局错误处理 | handleError |
| handleFetchHook | 拦截并处理 fetch 请求 | handleFetchHook |
其他
| 方法 | 说明 | 详细内容 |
|---|---|---|
| TOTP | 基于时间的一次性密码生成器 | TOTP |
| createSignal | 创建响应式信号 | createSignal |
| setMime / MimeType | 设置或更新 MIME 类型映射 | setMime |
| getExtensions | 根据 MIME 类型获取扩展名 | getExtensions |
| SyncHook | 同步事件钩子类 | SyncHook |
| durationHandler | 创建延迟执行函数 | durationHandler |