工具函数

函数式编程

方法 说明 详细内容
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
方法 说明 详细内容
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