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 浮点数计算测试

• 数学计算
  • divide - 除
  • gcd - 最大公约数
  • lcm - 最小公倍数
  • minus - 减
  • plus - 加
  • round - 四舍五入
  • times - 乘
• 其他
  • ajax - 请求
  • calculateCursorPosition - 计算光标位置
  • compressImage - 压缩图片
  • download - 下载
  • getFileBlob - 获取文件 Blob
  • getImageInfo - 获取图片信息
  • loadImage - 加载图片
  • loadImageWithBlob - 加载图片和 blob 对象
  • loadScript - 加载 js 文件
  • randomString - 随机字符串
  • strlen - 字符长度
• 数据处理
  • bytesToSize - 字节转换为存储单位
  • dataURLToBlob - 将 DataURL 转为 Blob 对象
  • fileReader - 读取 Blob 或 File 对象，转为 Base64/String/ArrayBuffer
  • formatBankCard - 格式化银行卡
  • formatMobile - 格式化手机号码
  • formatMoney - 格式化金额
  • numberToChinese - 数字转中文数字
  • padZero - 前置补零
  • parseIdCard - 解析身份证号码
  • replaceChar - 替换字符，应用场景如：脱敏
  • safeDate - 创建一个 Date 实例，同 new Date
  • setDataURLPrefix - 设置 DataURL 前缀、MIME 类型、base64 标识
• 树结构数据操作
  • 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 - 验证密码

精选第三方工具库

• 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 和设备类型/型号