一个实用的工具类库,提供丰富的工具函数,帮助开发者提高开发效率。
- 🚀 开箱即用:提供丰富的工具函数,无需重复造轮子
- 🛠️ 类型安全:使用 TypeScript 开发,提供完整的类型定义
- 📦 独立函数导入:支持单个函数导入,极致的按需加载,减小打包体积
- 🎯 多格式支持:提供 ESM、CommonJS、UMD 多种格式,适配不同环境
- 🔧 可扩展:支持自定义配置,满足不同场景需求
- 📝 文档完善:提供详细的 API 文档和使用示例
- 🔄 持续更新:定期更新,保持代码质量
- ⚡ 零依赖:除必要的运行时依赖外,无额外依赖
# 使用 npm
npm install @winner-fed/cloud-utils
# 使用 yarn
yarn add @winner-fed/cloud-utils
# 使用 pnpm
pnpm add @winner-fed/cloud-utilsimport { formatDate, accAdd, isEmpty } from '@winner-fed/cloud-utils';
// 使用日期格式化
const formattedDate = formatDate(new Date(), 'YYYY-MM-DD');
// 使用精确加法
const sum = accAdd(0.1, 0.2); // 0.3
// 判断是否为空
const empty = isEmpty(null); // true对于只需要少数几个函数的场景,可以直接导入独立函数,减少打包体积:
// ESM 格式 - 自动选择合适的文件
import { accAdd } from '@winner-fed/cloud-utils/accAdd';
import { formatDate } from '@winner-fed/cloud-utils/formatDate';
import { isEmpty } from '@winner-fed/cloud-utils/isEmpty';
// CommonJS 格式
const { accAdd } = require('@winner-fed/cloud-utils/accAdd');
const { formatDate } = require('@winner-fed/cloud-utils/formatDate');如果需要明确指定导入格式:
// 明确使用 ESM 格式
import { accAdd } from '@winner-fed/cloud-utils/dist/esm/accAdd.js';
// 明确使用 CommonJS 格式
const { accAdd } = require('@winner-fed/cloud-utils/dist/cjs/accAdd.js');import * as utils from '@winner-fed/cloud-utils';
// 使用工具函数
const result = utils.formatDate(new Date(), 'YYYY-MM-DD');
const sum = utils.accAdd(0.1, 0.2);本包提供了多种格式以适应不同的使用场景:
@winner-fed/cloud-utils/
├── dist/
│ ├── index.js # ESM 主入口
│ ├── index.cjs # CommonJS 主入口
│ ├── index.d.ts # TypeScript 声明文件
│ ├── *.d.ts # 独立函数的声明文件
│ ├── esm/ # ESM 格式的独立函数
│ │ ├── accAdd.js
│ │ ├── formatDate.js
│ │ └── ...
│ ├── cjs/ # CommonJS 格式的独立函数
│ │ ├── accAdd.js
│ │ ├── formatDate.js
│ │ └── ...
│ └── umd/ # UMD 格式(浏览器直接使用)
│ └── index.js
<!-- 通过 CDN 引入 UMD 格式 -->
<script src="https://unpkg.com/@winner-fed/cloud-utils/dist/umd/index.js"></script>
<script>
// 全局变量 cloudUtils
const result = cloudUtils.formatDate(new Date(), 'YYYY-MM-DD');
const sum = cloudUtils.accAdd(0.1, 0.2);
</script>不同的导入方式适用于不同的使用场景:
| 导入方式 | 包体积 | 适用场景 | 示例 |
|---|---|---|---|
| 完整引入 | ~94KB | 使用多个函数时推荐 | import { a, b, c } from '@winner-fed/cloud-utils' |
| 独立函数导入 | ~1-3KB/函数 | 只使用少数函数时 | import { accAdd } from '@winner-fed/cloud-utils/accAdd' |
| 直接路径导入 | ~1-3KB/函数 | 明确指定格式时 | import { accAdd } from '@winner-fed/cloud-utils/dist/esm/accAdd.js' |
- 🚀 使用 3 个以上函数:推荐完整引入
- ⚡ 只使用 1-2 个函数:推荐独立函数导入
- 🎯 对包体积非常敏感:使用独立函数导入
- 🛠️ 需要特定格式:使用直接路径导入
formatDate: 日期格式化formatDateToTimeStamp: 日期转时间戳getMonthOfDay: 获取月份天数getYearOfDay: 获取年份天数isLeapYear: 判断是否为闰年
accAdd: 精确加法preZeroFill: 数字前补零toNonExponential: 数字转非科学计数法formatNumber: 数字格式化
is: 类型判断工具集isEmpty: 判断是否为空isEmptyObject: 判断是否为空对象isValidDate: 判断是否为有效日期isDigit: 判断是否为数字isLetters: 判断是否为字母isHTML: 判断是否为 HTML 字符串
trim: 去除空格toZhCN: 转中文数字numberToChinese: 数字转中文toCamelCaseVar: 转驼峰变量toUnderlineVar: 转下划线变量transferHumpUnderline: 驼峰下划线互转
addClass: 添加类名removeClass: 移除类名scrollToTop: 滚动到顶部getScrollPos: 获取滚动位置insertAtCaret: 在光标处插入内容getPixelRatio: 获取设备像素比
deepClone: 深拷贝deepMapKeys: 深度映射键名promisify: Promise 化timeTaken: 计算执行时间anagrams: 生成字符串的所有排列组合generateGUID: 生成唯一标识符combineURLs: URL 组合equals: 深度比较两个值是否相等
merge: 对象合并only: 对象过滤size: 获取对象大小dig: 深度获取对象属性objectToPairs: 对象转键值对数组objectFromPairs: 键值对数组转对象mapKeys: 映射对象键名mapValues: 映射对象值
photoCompress: 图片压缩exportXls: 导出 ExcelprettyBytes: 格式化文件大小dynamicLoadScript: 动态加载脚本
getDevice: 获取设备信息isMobile: 判断是否为移动设备isMobileStrict: 严格判断是否为移动设备isMobileLoose: 宽松判断是否为移动设备isPhoneX: 判断是否为 iPhone XisLightOS: 判断是否为轻量级操作系统
isValidEmail: 验证邮箱isValidPassword: 验证密码isValidTelephone: 验证电话号码isValidChineseName: 验证中文姓名isValidEnglishName: 验证英文姓名isValidBankNo: 验证银行卡号isValidIPV4: 验证 IPv4 地址isValidIPV6: 验证 IPv6 地址isValidURI: 验证 URIisValidBase64Format: 验证 Base64 格式isValidMD5: 验证 MD5 格式isValidSemverVersion: 验证语义化版本号isValidSubnetMask: 验证子网掩码isValidTestScores: 验证考试成绩isValidZipcode: 验证邮政编码isValidWechatID: 验证微信号isValidQQ: 验证 QQ 号isValidPassport: 验证护照号isValidLicenseNo: 验证车牌号isValidNewEnergyLicenseNo: 验证新能源车牌号isValidUnifiedSocialCreditCode: 验证统一社会信用代码isValidAShareCode: 验证 A 股代码
urlJoin: URL 拼接getURLParameters: 获取 URL 参数getLocationSearchParam: 获取 URL 搜索参数getLocationHrefParam: 获取 URL 哈希参数getUrlNames: 获取 URL 路径名
cookie: Cookie 操作encrypt: 加密工具getRandomInt: 获取随机整数handleEmoji: 处理表情符号isEmoji: 判断是否为表情符号isSpecialChar: 判断是否为特殊字符rgbToHex: RGB 转十六进制setDocumentTitle: 设置文档标题
# 安装依赖
pnpm install
# 开发模式
pnpm dev
# 构建
pnpm build
# 测试
pnpm test
# 文档开发
pnpm docs:dev
# 文档构建
pnpm docs:build欢迎提交 Issue 和 Pull Request。