前端日常工具类
数字相关工具
-
生成指定范围随机数
import CommonUtils from 'forspace-common-utils'
const num1 = CommonUtils.randomNum(1,100)
console.log(num1)
-
数字千分位分隔
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.format(10100)
console.log(str)
-
数字转化为大写金额
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.digitUppercase(10100)
console.log(str)
-
数字转化为中文数字
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.intToChinese(10100)
console.log(str)
字符串相关工具
-
去掉字符左右空格
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.strTrimLeftOrRight(' adadad ')
console.log(str)
-
全局替换某个字符为另一个字符
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.strReplace('adadad','a','b')
console.log(str)
-
将字母全部转化成以大写开头
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.strToCapitalLetter('adadad')
console.log(str)
-
生成随机字符串
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.randomString(16)
console.log(str)
-
字符串首字母大写
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.fistLetterUpper('adadad')
console.log(str)
-
手机号中间四位变成*
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.telFormat('15645454554')
console.log(str)
-
驼峰命名转换成短横线命名
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.getKebabCase('commonUtils')
console.log(str)
-
短横线命名转换成驼峰命名
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.getKebabCase('common-utils')
console.log(str)
-
全角转换为半角
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.toCDB('啊哒哒,啊哒哒')
console.log(str)
-
半角转换为全角
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.toDBC('啊哒哒,啊哒哒')
console.log(str)
数组相关工具
-
判断是否是数组
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.arrJudge([1, 2, 3])
console.log(flag)
-
数组去重
import CommonUtils from 'forspace-common-utils'
const arr = CommonUtils.arrRemoveRepeat([1, 2, 3, 2])
console.log(arr)
-
数组排序
import CommonUtils from 'forspace-common-utils'
const arr = CommonUtils.arrOrderAscend([1, 2, 3, 2])
console.log(arr)
-
数组最大值
import CommonUtils from 'forspace-common-utils'
const num = CommonUtils.arrMax([1, 2, 3, 2])
console.log(num)
-
数组求和
import CommonUtils from 'forspace-common-utils'
const num = CommonUtils.arrSum([1, 2, 3, 2])
console.log(num)
-
对象数组求和
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 1, b: 2},
{a: 1, b: 2},
]
const num = CommonUtils.arrObjSum(objArr)
console.log(num)
-
合并数组,目前合并一维
import CommonUtils from 'forspace-common-utils'
const arr = CommonUtils.arrConcat([1, 2, 3, 2], [1212, 121])
console.log(arr)
-
判断是否包含某值
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.arrIncludeValue([1, 2, 3, 2], 3)
console.log(flag)
-
数组并集,只支持一维数组
import CommonUtils from 'forspace-common-utils'
const arr = CommonUtils.arrAndSet([1, 2, 3, 2], [1, 3, 4])
console.log(arr)
-
数组交集,只支持一维数组
import CommonUtils from 'forspace-common-utils'
const arr = CommonUtils.arrIntersection([1, 2, 3, 2], [1, 3, 4])
console.log(arr)
-
数组差集,只支持一维数组
import CommonUtils from 'forspace-common-utils'
const arr = CommonUtils.arrDifference([1, 2, 3, 2], [1, 3, 4])
console.log(arr)
-
对象数组根据对象某个属性分组
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 1, b: 2},
{a: 2, b: 2},
]
const arr = CommonUtils.ArrayGrouping(objArr, 'a')
console.log(arr)
-
根据属性去重数组
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 1, b: 2},
{a: 2, b: 2},
]
const arr = CommonUtils.arrUniqueByAttr(objArr, 'a')
console.log(arr)
-
找出数组中该属性最小值的一列
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 2, b: 2},
{a: 3, b: 2},
]
const arr = CommonUtils.arrMinByAttr(objArr, 'a')
console.log(arr)
-
找出数组中该属性最大值的一列
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 2, b: 2},
{a: 3, b: 2},
]
const arr = CommonUtils.areMaxByAttr(objArr, 'a')
console.log(arr)
-
扁平化数组 ==> 树形结构
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 0},
{a: 2, b: 1},
{a: 3, b: 2},
]
const arr = CommonUtils.convert(objArr, {id: 'a', pId: 'b'})
console.log(arr)
-
扁平化数组 ==> 树形结构
import CommonUtils from 'forspace-common-utils'
const objArr = [
{
a: 1,
b: 0,
children: [
{
a: 2,
b: 1,
},
]},
]
const arr = CommonUtils.convertFlat(objArr)
console.log(arr)
-
数组乱序
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 1, b: 2},
{a: 2, b: 2},
]
const arr = CommonUtils.arrScrambling(objArr)
console.log(arr)
-
数组扁平化
import CommonUtils from 'forspace-common-utils'
const objArr = [
{
a: 1,
b: 0,
children: [
{
a: 2,
b: 1,
},
]},
]
const arr = CommonUtils.flatten(objArr)
console.log(arr)
-
数组中获取随机数
import CommonUtils from 'forspace-common-utils'
const objArr = [
{a: 1, b: 2},
{a: 1, b: 2},
{a: 2, b: 2},
]
const arr = CommonUtils.sample(objArr)
console.log(arr)
数组相关工具
-
空对象判断
import CommonUtils from 'forspace-common-utils'
const obj = {}
const flag = CommonUtils.isEmptyObject(obj)
console.log(flag)
-
判断两个对象是否相等
import CommonUtils from 'forspace-common-utils'
const obj1 = {a: 1}
const obj2 = {a: 2}
const flag = CommonUtils.objIsEqual(obj1, obj2)
console.log(flag)
-
深拷贝
import CommonUtils from 'forspace-common-utils'
const obj1 = {a: 1}
const obj = CommonUtils.deepClone(obj)
console.log(obj)
时间相关工具
-
获取年份
import CommonUtils from 'forspace-common-utils'
const date = new Date()
const str = CommonUtils.getYear(date)
console.log(str)
-
获取当前月份
import CommonUtils from 'forspace-common-utils'
const date = new Date()
const str = CommonUtils.getMonth(date)
console.log(str)
-
获取日
import CommonUtils from 'forspace-common-utils'
const date = new Date()
const str = CommonUtils.getDay(date)
console.log(str)
-
获取星期几
import CommonUtils from 'forspace-common-utils'
const date = new Date()
const str = CommonUtils.getWhatDay(date)
console.log(str)
-
获取当前月天数
import CommonUtils from 'forspace-common-utils'
const num = CommonUtils.getMonthNum(2021, 11)
console.log(num)
-
获取当前时间
import CommonUtils from 'forspace-common-utils'
const date = new Date()
const str = CommonUtils.getYyMmDdHhMmSs(date)
console.log(str)
-
时间戳转化为年月日
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.timesToYyMmDd(1635823152, 'yyyy-mm-dd', 'hh:mm:ss')
console.log(str)
-
将年月日转化成时间戳
import CommonUtils from 'forspace-common-utils'
const num = CommonUtils.YyMmDdToTimes('2021-11-02 11:19:12')
console.log(num)
浏览器存储相关工具
import CommonUtils from 'forspace-common-utils'
const value = CommonUtils.getLocalStorage('key')
console.log(value)
import CommonUtils from 'forspace-common-utils'
const value = CommonUtils.setCookie('key', 'value', 24*60*60*1000)
console.log(value)
import CommonUtils from 'forspace-common-utils'
const value = CommonUtils.getCookie('key')
console.log(value)
import CommonUtils from 'forspace-common-utils'
CommonUtils.delCookie('key')
JS相关工具
- 节流:当持续触发事件时,保证一定时间段内只调用一次事件处理函数
import CommonUtils from 'forspace-common-utils'
const fun = () => {
console.log(1)
}
const fun2 = CommonUtils.throttle(fun, 5000)
fun2()
fun2()
- 防抖:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次
import CommonUtils from 'forspace-common-utils'
const fun = () => {
console.log(1)
}
const fun2 = CommonUtils.debounce(fun, 5000)
fun2()
fun2()
import CommonUtils from 'forspace-common-utils'
document.addEventListener('click',(e)=>{
CommonUtils.stopPropagation(e)
})
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.getType(121)
console.log(str)
import CommonUtils from 'forspace-common-utils'
const obj = CommonUtils.deepClone({a: 1, b: new Date()})
console.log(obj)
事件相关工具
import CommonUtils from 'forspace-common-utils'
const event = CommonUtils.EventEmitter()
event.on('log', ()=>{
console.log(1)
})
event.once('onceLog', ()=>{
console.log(2)
})
event.emit('onceLog')
event.emit('onceLog')
event.emit('log')
event.emit('log')
event.off('onceLog',()=>{
console.log(3)
})
event.allOff('log')
终端相关工具
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.checkBrowser()
console.log(str)
- 判断是终端类型,值有ios,android,iPad
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.checkIosAndroidIPad()
console.log(str)
- 判断是终端类型,值有ios,android,iPad
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.checkIosAndroidIPad()
console.log(str)
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.checkWeixinQqUc()
console.log(str)
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.checkIsIPhoneX()
console.log(str)
import CommonUtils from 'forspace-common-utils'
const str = CommonUtils.isMobile()
console.log(str)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.isAppleMobileDevice()
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.isAndroidMobileDevice()
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.osType()
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.getExplorerInfo()
console.log(flag)
浏览器相关工具
import CommonUtils from 'forspace-common-utils'
CommonUtils.scrollToTop()
import CommonUtils from 'forspace-common-utils'
CommonUtils.scrollToBottom()
import CommonUtils from 'forspace-common-utils'
CommonUtils.smoothScroll('title')
import CommonUtils from 'forspace-common-utils'
const num = CommonUtils.getClientHeight()
console.log(num)
import CommonUtils from 'forspace-common-utils'
const num = CommonUtils.getPageViewWidth()
console.log(num)
import CommonUtils from 'forspace-common-utils'
CommonUtils.toFullScreen()
import CommonUtils from 'forspace-common-utils'
CommonUtils.exitFullscreen()
校验相关工具
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkNum(1)
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkLetter('a')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkLowercaseLetter('avaD')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkCapitalLetter('avaD')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkNumOrLetter('avaDada121')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkNumOrLetter('判断是否是中文')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkNumOrLetter('判断是否是中文112da')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkEmail('12121@qq.com')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkTelPhone('12134111324')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkUrl('https://www.baidu.com')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.checkUrl('121212121221')
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.isPostCode(12111)
console.log(flag)
import CommonUtils from 'forspace-common-utils'
const flag = CommonUtils.isEmojiCharacter('👌')
console.log(flag)