前端工具库,封装前端日常开发过程中的通用代码
下载npm包(浏览器中使用请看下面)
yarn add @lxnxbnq/utils
或者 npm install @lxnxbnq/utils
import { sum } from '@lxnxbnq/utils';
console.log(sum(1,2,3,4)) // 输出10
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>
- debounce 该方法传入函数,并返回一个只能在指定延时结束后才能调用的函数
- throttle 该方法传入函数,并返回一个在规定时间内只能被调用一次的函数
- compareVersion 传入两个格式类似
2.2.03
的版本号字符串(可以在每个.号中间加任意0,并且长度不一定要相等), 如果 v1 > v2 返回1, v1 < v2 返回-1, 其他情况返回0
- arrayEqual 判断两个数组是否相等
- arrayUnique 数组去重
- setCookie 设置一个cookie
- getCookie 获取一个cookie
- removeCookie 删除指定名称cookie
- isLeapYear 判断是否闰年
- remainTime 获取一个倒计时
- isSameDay 判断是否同一天
- isWorkDay 是否为工作日
-
convertImgStreamToBase64 图片流转base64
-
downloadImgStream 下载图片流
-
randomColor 生成随机颜色
-
randomNum 生成[min, max]范围内的随机数
-
randomPhone 生成随机号码
-
randomName 生成随机人名
-
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对象