dpape-utils

Common tool class

Usage no npm install needed!

<script type="module">
  import dpapeUtils from 'https://cdn.skypack.dev/dpape-utils';
</script>

README

dpape-utils

Introduce

Common tool class

Install

npm i dpape-utils -S

描述

封装并发布 npmjs 常用的工具库。是一个模块化 JavaScript 实用工具库。

安装

npm i dpape-utils -S
# OR
yarn add dpape-utils -S

1. Rules

验证规则，正则表达式

import { Rules } from 'dpape-utils';
// 正整数isInteger
const value = 12.5;
Rules.INTEGER.test(value); // -- false
1.1 正则列表
名称 说明
INTEGER 正整数
NUMBER 数字,包含负数或 0 或小数
FLOAT 浮点数,正负
CHINESE 只有中文
ENGLISH 只有英文
IP IP 地址
PORT 端口
NETMASK 子网掩码
DOMAIN 域名
URL URL
EMAIL 邮箱：Email
PHONE 手机号
TELEPHONE 电话号码:xxxx-xxxxx
PASSWORD 密码规则:以字母开头，长度在 6-18 之间，只能包含字符、数字和下划线
PASSWORD 密码规则:以字母开头，长度在 6-18 之间，只能包含字符、数字和下划线
ZIPCODE 邮政编码
NICKNAME 昵称
MONEY 金额，支持$¥ 前缀，支持以金钱单位结束[元]

2. BrowserInfo

判断设备|浏览器类型

import { BrowserInfo } from 'dpape-utils'
//是否是Android终端|浏览器
console.log(BrowserInfo.isAndroid)
2.1 浏览器类型列表
名称 说明
isAndroid 是否是 Android 终端 / 浏览器
isIOS 是否 IOS 浏览器终端
isIphone 是否是苹果浏览器
isIpad 是否是 IPad 浏览器
isLinux 是否是 Linux 平台浏览器
isWeixin 是否是微信平台浏览器
isAli 是否是支付宝平台浏览器
isMobile 是否是手机端

3. Type

数据类型判断

import { Type } from 'dpape-utils'
const isStr = Type.IsString('123')
console.log(isStr)  // true
3.1 类型列表方法
名称 说明
IsString 是否字符串类型
IsObject 是否字符串类型
IsNumber 是否数字类型
IsArray 是否数组类型
IsUndefined 是否 Undefind 类型
IsFunction 是否函数类型
IsNull 是否 NULL 类型
IsSymbol 是否标记类型
IsBoolean 是否布尔类型
IsBigInt 是否大整型类型
IsDate 是否日期类型

4. Cookies

Cookies操作

import { Cookies } from 'dpape-utils'
// 设置cookie
Cookies.set('token','1010100110',{
  // 默认 ‘/’
  path:'/sub'
  expires:30000
})
//获取cookie
Cookies.get('token')
//删除cookie
Cookies.del('token','/sub')

5. getQueryHash

获取地址栏hash参数

import { getQueryHash } from 'dpape-utils'
// eg: http://test.cn/#/home?test=11111
getQueryHash('test') // -- "11111"

6. getQueryParam

获取地址栏参数，不包含锚点

import { getQueryParam } from 'dpape-utils'
// eg: http://test.cn/home.html?test=222222
getQueryParam('test') // -- "222222"

7. capitalize

首字母转大写

import { capitalize } from 'dpape-utils'
capitalize('user') // --> "User"

8. getFileExtension

获取文件扩展名

import { getFileExtension } from 'dpape-utils'
getFileExtension('password.txt') // --> .txt

9. bytesToSize

字节单位转换

import { bytesToSize } from 'dpape-utils'
bytesToSize(1257) // --> 1.23 KB

10. deepObjectCopy

对象深度拷贝

import { deepObjectCopy } from 'dpape-utils'
const value = {a:1}
const copyValue = deepObjectCopy(value)

11. isObject

是否对象

import { isObject } from 'dpape-utils'
isObject('abc') // --> false

12. isEmptyObject

是否空对象

import { isEmptyObject } from 'dpape-utils'
isEmptyObject({}) // --> true

13. isJsonString

是否JSON数据类型字符串

import { isJsonString } from 'dpape-utils'
isJsonString('{a:1}') // --> true

14. arrayUnique

数组去重复项

import { arrayUnique } from 'dpape-utils'
arrayUnique([1,2,3,4,1,2,3]) // --> [1,2,3,4]

15. arrayRemove

删除数组中指定值，只支持数字类型和字符串类型

import { arrayRemove } from 'dpape-utils'
arrayRemove([1,2,3,4],3) // --> [1,2,4]

16. isHasSpecChar

字符串中是否含有特殊字符

import { isHasSpecChar } from 'dpape-utils'
isHasSpecChar('abce%%gdsda') // --> true

17. isFunction

是否函数对象

import { isFunction } from 'dpape-utils'
isFunction(123) // --> false

18. dateFormat

格式化日期时间

import { dateFormat } from 'dpape-utils'
dateFormat('2020/2/1') // --> 2020-02-01 00:00:00
dateFormat('2020-07-08T07:10:41.329Z') // --> 2020-07-08 15:10:41

19. formatSecondsTime

将秒时间格式化，{h}小时{m}分{s}秒

import { formatSecondsTime } from 'dpape-utils'
formatSecondsTime(100) // --> 0小时1分40秒

20. toDecimal

保留小数位数

import { toDecimal } from 'dpape-utils'
toDecimal(3.1415,2) // --> 3.14

21. getRandomNum

生成一个随机数

import { getRandomNum } from 'dpape-utils'
getRandomNum(100,10000,2)

22. getMultipleRandom

生成多个随机数

import { getMultipleRandom } from 'dpape-utils'
getMultipleRandom(5,100,10000) // 生产5个100～10000的随机数

23. 金额转大写

import { digitUppercase } from 'dpape-utils'
digitUppercase(100) // 壹佰元整

24. moneyToRMB

数字转人民币形式

import { moneyToRMB } from 'dpape-utils'
moneyToRMB(45.5,2) // ￥45.50

25. isMoney

判断字符串是否是金钱格式数据

import { isMoney } from 'dpape-utils'
isMoney(050) // false

26. isIdCard

是否合法身份证号

import { isIdCard } from 'dpape-utils'
isIdCard('43011132423432') // false

27. isBankCard

是否银行卡号

import { isBankCard } from 'dpape-utils'
isBankCard('6214830213714487') // true

28. isDomain

是否合法域名(包含IP)

import { isDomain } from 'dpape-utils'
isDomain('baidu.com') // true

29. isMac

是否合法的Mac地址

import { isMac } from 'dpape-utils'
isMac('00-00-00-00-00-00') // false

30. getNetmask

获取子网掩码

import { getNetmask } from 'dpape-utils'
getNetmask(32) // 255.255.255.255

30. isDHCPIp

根据lanIp和lan掩码判断Ip地址的合法性

import { isDHCPIp } from 'dpape-utils'
isDHCPIp('192.168.23.1','255.255.255.255','192.168.23.2')

31. getHtmlClosestTag

查找父级最邻近的元素

import { getHtmlClosestTag } from 'dpape-utils'
getHtmlClosestTag('当前dom对象','选择器,父级元素')

32. getPureHtml

过滤敏感HTML标签

import { getPureHtml } from 'dpape-utils'
getPureHtml('<div>hello world</div>')

33. getOffset

获取元素绝对位置，对浏览器版本有要求

import { getOffset } from 'dpape-utils'
getOffset(document.querySelector('#app'))

34. LeftPad

小于10前面补零

import { LeftPad } from 'dpape-utils'
LeftPad(5) // --> 05

35. getDocumentMaxZIndex

获取文档流最大的zindex

import { getDocumentMaxZIndex } from 'dpape-utils'
const maxZIndex = getDocumentMaxZIndex()