util-helpers
一个基于业务场景的工具方法库。点击查看在线文档。
使用
es
或 node
开发环境
安装依赖
npm install util-helpers
yarn add util-helpers
pnpm add util-helpers
浏览器引入
如果你的项目使用的是原生方式开发,可以在浏览器中使用 script
标签直接引入文件,并使用全局变量 utilHelpers
。
npm
包的 util-helpers/dist 目录下提供了 UMD
包 util-helpers.js
以及 util-helpers.min.js
。你也可以通过 UNPKG 下载到本地进行使用。或者直接使用 UNPKG 线上版本 注意版本 。
示例
import { formatMoney, formatBankCard } from 'util-helpers';
formatMoney('1000'); // 1,000.00
formatBankCard('6228480402564890018'); // 6228 4804 0256 4890 018
formatBankCard('6228480402564890018', { spaceMark: '-' }); // 6228-4804-0256-4890-018
文档
数学计算,修正了浮点数计算问题,适用于金额计算。参考:JS 浮点数计算测试
- 数学计算
- 浏览器
- ajax - 请求
- checkFileType - 检查文件类型
- compressImage - 压缩图片
- dataURLToBlob - 将 DataURL 转为 Blob 对象
- download - 下载
- fileReader - 读取 Blob 或 File 对象,转为 Base64/String/ArrayBuffer
- getFileBlob - 获取文件 Blob
- getFileType - 获取文件类型
- getImageInfo - 获取图片信息
- getMimeType - 获取文件 MIME 类型
- injectStyle - 注入样式
- loadImage - 加载图片
- loadImageWithBlob - 加载图片和 blob 对象
- loadScript - 加载 js 文件
- 数据处理
- bytesToSize - 字节转换为存储单位
- formatBankCard - 格式化银行卡
- formatMobile - 格式化手机号码
- formatMoney - 格式化金额
- numberToChinese - 数字转中文数字
- padZero - 前置补零
- parseIdCard - 解析身份证号码
- replaceChar - 替换字符,应用场景如:脱敏
- safeDate - 创建一个 Date 实例,同 new Date
- setDataURLPrefix - 设置 DataURL 前缀、MIME 类型、base64 标识
- transformObjectValue - 创建一个转换值的新对象或数组
- 树结构数据操作
- filterTree - 过滤树节点
- findTreeNode - 查找树结构数据节点
- findTreeNodes - 查找树结构数据多个节点
- findTreeSelect - 查找包含当前节点的所有父级节点
- listToTree - 列表数据转树结构
- transformFieldNames - 转换字段名
- treeToList - 树结构转列表数据
- 数据验证
- isBankCard - 银行卡
- isBusinessLicense - 营业执照,也叫工商注册号
- isChinese - 中文
- isEmail - 邮箱
- isHMCard - 港澳居民来往内地通行证,俗称回乡证或回乡卡
- isIPv4 - IPv4
- isIPv6 - IPv6
- isIdCard - 身份证号
- isMobile - 手机号码
- isPassport - 护照号
- isPassword 密码强度
- isPostcode - 邮政编码
- isQQ - QQ 号
- isSocialCreditCode - 统一社会信用代码,也叫三证合一组织代码
- isSwiftCode - Swift Code
- isTWCard - 台湾居民来往大陆通行证,俗称台胞证
- isTelephone - 固定电话
- isUrl - URL
- isValidNumber - 有效数字
- isVehicle - 车牌号
- isWX - 微信号
- validatePassword - 验证密码
- 其他
- calculateCursorPosition - 计算光标位置
- randomString - 随机字符串
- strlen - 字符长度
- Classes
- AsyncMemo - 异步缓存类
精选第三方工具库
- ut2 - 一个现代 JavaScript 实用工具库
- lodash - 封装了诸多对字符串、数组、对象等常见数据类型的处理函数
- query-string - URL 解析、序列化
- qs - URL 查询字符串解析和序列化库
- js-cookie - 一个简单,轻量级的 JavaScript API,用于处理 cookie
- cache2 - 一个简单的 JavaScript 缓存管理,支持浏览器端和 node.js
- store2 - 丰富了 localStorage 和 sessionStorage 功能(JSON,命名空间,扩展等)
- dayjs - 一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样
- date-fns - 提供了最全面、简单且一致的工具集,用于在浏览器和 Node.js 中操作 JavaScript 日期
- moment - 一个轻量级 JavaScript 日期库,用于解析,验证,操作和格式化日期
- ms - 将各种时间格式转换为毫秒
- axios - 基于 Promise 的 HTTP 客户端,用于浏览器和 node.js
- jsencrypt - 用于执行 OpenSSL RSA 加密,解密和密钥生成的 Javascript 库
- crypto-js - 加密标准的 JavaScript 库
- tinycolor2 - JavaScript 颜色工具,用于 JavaScript 中的颜色处理和转换
- uuid - 生成通用唯一识别码(Universally Unique Identifier)
- JSZip - 创建、读取和编辑 zip 文件
- ua-parser-js - 用于从用户代理数据中检测浏览器、引擎、操作系统、CPU 和设备类型/型号