Skip to content

工具函数

函数式编程

方法说明详细内容
debounce防抖函数debounce
throttle节流函数throttle
memoize记忆化函数memoize
noop空函数noop
compose组合中间件函数compose

字符串处理

方法说明详细内容
md5MD5 哈希函数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格式化 JSONformatJson

数字处理

方法说明详细内容
range限制数字在指定范围内range
clamp / lerp / inverseLerp / remap / fit / linearstep / smoothstepshader 风格的插值与区间映射range
mathjs精确的数字运算函数mathjs
perToNum将百分比字符串转换为数字perToNum
transformNumber将数字转换为带单位的格式化字符串transformNumber
addNumSym给数字添加正负号addNumSym

颜色处理

方法说明详细内容
hexToRgb将十六进制颜色值转换为 RGBhexToRgb
rgbToHex将 RGB 值转换为十六进制颜色值rgbToHex
randomColor生成随机颜色对象randomColor
Color / ColorScheme颜色类、值类、格式转换、调色板生成Color
blendScreen / blendMultiply / blendOverlay / luma / vibrance / cosinePalette / srgbToLinearshader 风格的颜色混合与调色数学(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创建 DocumentFragmentcreateDocumentFragment
escapeHtml转义 HTML 特殊字符escapeHtml
Chain链式调用的 DOM 操作类Chain
create创建 DOM 元素的辅助函数create
EventManager / createDoubleTapDetector作用域事件注册表与双击检测EventManager
adoptStyles把样式文本注入 shadow rootadoptStyles
computePlacement相对锚点翻转/平移浮层位置computePlacement
setFontSize2html移动端 flexible rem 视口适配setFontSize2html

音视频

方法说明详细内容
AudioRecorder把麦克风录音录制成 BlobAudioRecorder
createSpeechRecognizer基于 Web Speech API 的语音转文本createSpeechRecognizer

存储

方法说明详细内容
localStorageGetItem获取 localStorage 值localStorageGetItem
localStorageSetItem设置 localStorage 值localStorageSetItem

URL/Query

方法说明详细内容
getAllQueryString从 URL 提取查询参数getAllQueryString
encodeUrl安全地编码 URLencodeUrl
appendUrl将查询参数拼接到 URLappendUrl
方法说明详细内容
getCookie获取指定 cookie 的值getCookie
getCookieByName通过正则获取 Cookie 值getCookieByName

图片处理

方法说明详细内容
convertImageToBase64将图片文件转换为 Base64convertImageToBase64
isImageSize校验图片文件的尺寸isImageSize

性能

方法说明详细内容
getPerformance获取页面性能指标数据getPerformance
getFrame计算帧率getFrame
getPixelRatio获取 Canvas 分辨率比例getPixelRatio

网络

方法说明详细内容
imageRequest通过图片请求测试网络延迟imageRequest
networkSpeed测试网络的 ping 值和抖动networkSpeed
connection获取当前网络连接信息connection
getStatus / statusHTTP 状态码 ↔ 消息查询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

Released under the MIT License.