工具函数
函数式编程
| 方法 | 说明 | 详细内容 |
|---|---|---|
| debounce | 防抖函数 | debounce |
| throttle | 节流函数 | throttle |
| memoize | 记忆化函数 | memoize |
| noop | 空函数 | noop |
| compose | 组合中间件函数 | compose |
字符串处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| md5 | MD5 哈希函数 | md5 |
| randomString | 生成随机字符串 | randomString |
| clearBr | 清除字符串中的空格、HTML 标签和换行符 | clearBr |
| clearStr | 去除字符串首尾的空格、URL 编码和引号 | clearStr |
| strParse | 将字符串解析为对象 | strParse |
| toString | 将值转换为字符串类型 | toString |
| transformText | 将 ArrayBuffer 转换为文本 | transformText |
| checkEncoding | 检测 Uint8Array 数据的字符编码 | checkEncoding |
| changeHumpToLowerCase | 将驼峰命名转换为下划线命名 | changeHumpToLowerCase |
| getMatchingSentences | 提取包含关键词的完整句子 | getMatchingSentences |
| isString | 判断值是否为字符串类型 | isString |
| str2Xml | 字符串转成 xml | str2Xml |
对象处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| merge | 合并对象 | merge |
| isEqual | 深度比较两个值是否相等 | isEqual |
| cloneDeep | 深度克隆对象或数组 | cloneDeep |
| querystring | 将对象转换为 URL 查询字符串 | querystring |
| filterObj | 过滤对象 | filterObj |
| formatJson | 格式化 JSON | formatJson |
数字处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| range | 限制数字在指定范围内 | range |
| mathjs | 精确的数字运算函数 | mathjs |
| perToNum | 将百分比字符串转换为数字 | perToNum |
| transformNumber | 将数字转换为带单位的格式化字符串 | transformNumber |
| addNumSym | 给数字添加正负号 | addNumSym |
颜色处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| hexToRgb | 将十六进制颜色值转换为 RGB | hexToRgb |
| rgbToHex | 将 RGB 值转换为十六进制颜色值 | rgbToHex |
| randomColor | 生成随机颜色对象 | randomColor |
时间处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| timeFormat | 将时间秒数转换为格式化字符串 | timeFormat |
| timestampToTime | 将时间戳转换为 Date 对象 | timestampToTime |
| performanceTime | 获取高精度时间戳 | performanceTime |
设备检测
| 方法 | 说明 | 详细内容 |
|---|---|---|
| isMobile | 判断是否为移动端设备 | isMobile |
| isWeiXin | 判断是否为微信浏览器 | isWeiXin |
| isClient | 判断是否为客户端环境 | isClient |
| isSafari | 判断是否为 Safari 浏览器 | isSafari |
| isBangDevice | 判断是否为 iPhone 刘海屏 | isBangDevice |
| currentDevice | 获取当前设备类型 | currentDevice |
DOM 操作
| 方法 | 说明 | 详细内容 |
|---|---|---|
| addClassToElement | 给 DOM 元素添加 CSS 类名 | addClassToElement |
| removeClassToElement | 从 DOM 元素移除 CSS 类名 | removeClassToElement |
| createDocumentFragment | 创建 DocumentFragment | createDocumentFragment |
| escapeHtml | 转义 HTML 特殊字符 | escapeHtml |
| Chain | 链式调用的 DOM 操作类 | Chain |
| create | 创建 DOM 元素的辅助函数 | create |
存储
| 方法 | 说明 | 详细内容 |
|---|---|---|
| localStorageGetItem | 获取 localStorage 值 | localStorageGetItem |
| localStorageSetItem | 设置 localStorage 值 | localStorageSetItem |
URL/Query
| 方法 | 说明 | 详细内容 |
|---|---|---|
| getAllQueryString | 从 URL 提取查询参数 | getAllQueryString |
| getQuery | 从 URL 提取查询参数 | getQuery |
| 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 |
浏览器
| 方法 | 说明 | 详细内容 |
|---|---|---|
| getWindow | 获取可视窗口大小 | getWindow |
| getHost | 根据环境获取主机地址 | getHost |
| createObjectURL | 创建对象 URL | createObjectURL |
| removeGhosting | 移除拖拽事件的阴影 | removeGhosting |
| retain | 覆盖浏览器的后退事件 | retain |
脚本加载
| 方法 | 说明 | 详细内容 |
|---|---|---|
| scriptOnLoad | 动态插入 script 或 link 标签 | scriptOnLoad |
错误处理
| 方法 | 说明 | 详细内容 |
|---|---|---|
| handleConsole | 拦截并处理 console 方法调用 | handleConsole |
| handleError | 全局错误处理 | handleError |
| handleFetchHook | 拦截并处理 fetch 请求 | handleFetchHook |
其他
| 方法 | 说明 | 详细内容 |
|---|---|---|
| TOTP | 基于时间的一次性密码生成器 | TOTP |
| createSignal | 创建响应式信号 | createSignal |
| setMime | 设置或更新 MIME 类型映射 | setMime |
| getExtensions | 根据 MIME 类型获取扩展名 | getExtensions |
| setAttributeByGlobal | 给全局对象添加属性 | setAttributeByGlobal |
| SyncHook | 同步事件钩子类 | SyncHook |
| durationHandler | 创建延迟执行函数 | durationHandler |