dossen-util

这是一个使用webpack打包的JavaScript类库。

Usage no npm install needed!

<script type="module">
  import dossenUtil from 'https://cdn.skypack.dev/dossen-util';
</script>

README

前端工具库

这是一个使用webpack打包的JavaScript类库。

目的:让前端开发更高效,更专注于业务代码的编写

业务开发过程中,会经常用到数组的操作日期格式化url的操作浏览器类型判断等常用函数,为避免不同项目多次复制粘贴的麻烦,这里统一封装,以提高开发效率。

API文档

[regex][regex]

   isEmail   判断是否为邮箱地址

   isPhoneNum   判断是否为手机号

   isIdCard   判断是否为身份证号

   isUrl   判断是否为URL地址

   isValidPwd   判断密码格式是否6-25字符必须包含大小写字母+数字

   isColor   判断是否为16进制颜色,rgb 或 rgba

   escapeHTML   转义HTML

[url][url]

   getQueryString   获取url参数值

   parseQueryToObj   url参数转对象

   httpsRedirect   HTTP跳转HTTPS

[time][time]

   dayOfYear   当前日期天数

   getDaysDiffBetweenDates   返回日期间的天数

   timeLeft   剩余时间

   formatPassTime   距现在的已过时间

   formatRemainTime   现在距${endTime}的剩余时间

   isSameDay   判断是否为同一天

   isLeapYear   是否为闰年

[str][str]

   capitalize   首字母大写

   capitalizeEveryWord   每个单词首字母大写

   decapitalize   首字母小写

   stripHTMLTags   从字符串中删除HTML/XML标签

   byteSize   返回字符串的字节长度

[array][array]

   toTreeData   递归数组转为树形结构

   arrayEqual   判断两个数组是否相等

   sample   随机获取数组的某个值

   shuffle   数组“洗牌”

   countOccurrences   检测指定数值出现次数

   allEqual   检查数组各项是否相等

   average   取平均数

   intersection   两数组的交集

[cookie][cookie]

   getCookie   根据name读取cookie

   setCookie   设置Cookie

   removeCookie   根据name删除cookie

[clazz][clazz]

   hasClass   判断元素是否有某个class

   addClass   为元素添加class

   removeClass   为元素移除class

[dom][dom]

   hasClass   校验指定元素是否有指定类

   elementContains   检查是否包含子元素

   bottomVisible   检查页面底部是否可见

   getRect   获取节点对象的上下左右边距及宽高

   offset   获取一个元素的距离文档(document)的位置,类似jQ中的offset()

   getScrollTop   获取滚动条距顶部的距离

   setScrollTop   设置滚动条距顶部的距离

   scrollTo   在${duration}时间内,滚动条平滑滚动到${to}指定位置

   windowResize   H5软键盘缩回、弹起回调

[object][object]

   mergeObject   合并对象

   equals   全等判断

   isEmptyObject   判断obj是否为空

   deepClone   深拷贝,支持常见类型

[func][func]

   throttle   函数节流

   debounce   函数防抖

   once   只会调用一次的函数

   timeTaken   计算函数执行时间

[random][random]

   randomIntegerInRange   生成指定范围的随机整数

   randomNumberInRange   生成指定范围的随机小数

   randomColor   随机生成颜色

[device][device]

   getVersion   判断是否xx浏览器

   getExplore   获取浏览器类型和版本

   getOS   获取操作系统类型

[money][money]

   numToCN   数字现金转中文

发布到 npm

npm run build // 先webpack打包类库,之后再发布
npm login // 登录
npm publish // 发布

使用方式

浏览器:

直接下载项目,引入js文件

<script type="text/javascript" src="util.js"></script>

dUtil.array
dUtil.cookie

NODE:

  1. 使用npm安装(注:需要先上传到npm才能使用):
npm install dossen-util --save-dev
  1. import工具类:
import dUtil from 'dossen-util'

dUtil.array
dUtil.array