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:
- 使用npm安装(注:需要先上传到npm才能使用):
npm install dossen-util --save-dev
- import工具类:
import dUtil from 'dossen-util'
dUtil.array
dUtil.array