Forspace-common-utils NPM

前端日常工具类

数字相关工具

生成指定范围随机数

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)

浏览器存储相关工具

保存localStorage

import CommonUtils from 'forspace-common-utils'

CommonUtils.setLocalStorage('key', 'value', 24*60*60*1000)

获取localStorage

import CommonUtils from 'forspace-common-utils'

const value = CommonUtils.getLocalStorage('key')

console.log(value)

设置cookie

import CommonUtils from 'forspace-common-utils'

const value = CommonUtils.setCookie('key', 'value', 24*60*60*1000)

console.log(value)

读取cookie

import CommonUtils from 'forspace-common-utils'

const value = CommonUtils.getCookie('key')

console.log(value)

删除cookie

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)

判断是否是微信,qq 或 uc

import CommonUtils from 'forspace-common-utils'

const str = CommonUtils.checkWeixinQqUc()

console.log(str)

判断是否是微信,qq 或 uc

import CommonUtils from 'forspace-common-utils'

const str = CommonUtils.checkIsIPhoneX()

console.log(str)

判断是移动还是PC设备

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)

判断是Windows还是Mac系统

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)

是否有emoji表情

import CommonUtils from 'forspace-common-utils'

const flag = CommonUtils.isEmojiCharacter('👌')

console.log(flag)

typescript 工具类

tslib

@everything-registry/sub-chunk-1697

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago