FE-utils

前端工具库,封装前端日常开发过程中的通用代码

如何使用

下载npm包（浏览器中使用请看下面）

yarn add @lxnxbnq/utils 或者 npm install @lxnxbnq/utils

使用ESModule规范导入

import { sum } from '@lxnxbnq/utils';
console.log(sum(1,2,3,4)) // 输出10

使用CommonJS规范导入

const { sum } = require('@lxnxbnq/utils')
console.log(sum(1,2,3,4))

在浏览器中使用

如果直接在浏览器中使用，则不需要包管理。直接下载release中的index.umd.js,使用的是umd通用模块规范

然后在浏览器中引用

<script src="index.umd.js"></script>
<script>
    console.log(FE_utils.sum(1,2,3,4)) // 输出10
</script>

功能介绍

Function

• debounce 该方法传入函数，并返回一个只能在指定延时结束后才能调用的函数
• throttle 该方法传入函数，并返回一个在规定时间内只能被调用一次的函数
• compareVersion 传入两个格式类似2.2.03的版本号字符串(可以在每个.号中间加任意0，并且长度不一定要相等), 如果 v1 > v2 返回1, v1 < v2 返回-1, 其他情况返回0

Array

• arrayEqual 判断两个数组是否相等
• arrayUnique 数组去重

cookie

• setCookie 设置一个cookie
• getCookie 获取一个cookie
• removeCookie 删除指定名称cookie

日期操作

• isLeapYear 判断是否闰年
• remainTime 获取一个倒计时
• isSameDay 判断是否同一天
• isWorkDay 是否为工作日

图片相关操作

• convertImgStreamToBase64 图片流转base64

• downloadImgStream 下载图片流

对象操作

• isEmpty 判断是否为空对象
• deepClone 支持各种数据类型的深拷贝

随机数据生成

• randomColor 生成随机颜色

• randomNum 生成[min, max]范围内的随机数

• randomPhone 生成随机号码

• randomName 生成随机人名

url操作

• parseQueryString 将url中的query部分转为对象

• stringfyQueryString 将对象序列化为url query字符串

功能

• formatFloat 小数精度运算

• formatMoney 按千位逗号分割金额

• getBrowserInfo 获取浏览名称和版本

验证函数

• isColor 判断是否为16进制颜色，rgb或rgba

• isEmail 验证邮箱格式是否正确

• isIdCard 验证身份证号是否正确

• isPhoneNum 验证手机号是否正确

• isUrl 验证url是否正确

• isMobile 验证当前宿主环境是否为手机

• isAppleDevice 验证是否为苹果设备

• typeOf 获取传入数据的类型

• isObject 验证数据类型是否为object

• isFunction 验证数据类型是否为function

• isString 验证数据类型是否为string

• isBoolean 验证数据类型是否为boolean

• isNumber 验证数据类型是否为number

• isUndef 验证数据类型是否为undefined

• isDate 验证数据类型是否为一个date对象