forspace-common-utils

前端日常工具类

数字相关工具

生成指定范围随机数

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)

forspace-common-utils

前端日常工具类

数字相关工具

字符串相关工具

数组相关工具

数组相关工具

时间相关工具

浏览器存储相关工具

JS相关工具

事件相关工具

终端相关工具

浏览器相关工具

校验相关工具

Readme

Keywords

Package Sidebar

Install

Repository

Weekly Downloads

Version

License

Unpacked Size

Total Files

Last publish

Collaborators

forspace-common-utils

前端日常工具类

数字相关工具

字符串相关工具

数组相关工具

数组相关工具

时间相关工具

浏览器存储相关工具

JS相关工具

事件相关工具

终端相关工具

浏览器相关工具

校验相关工具

Readme

Keywords

Package Sidebar

Install

Repository

DownloadsWeekly Downloads

Version

License

Unpacked Size

Total Files

Last publish

Collaborators

Weekly Downloads