rc-individual-utils v0.1.1

前端工具库

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

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

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

API文档

regex

   isEmail   判断是否为邮箱地址

   isPhoneNum   判断是否为手机号

   isIdCard   判断是否为身份证号

   isUrl   判断是否为URL地址

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

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

   escapeHTML   转义HTML

url

   getQueryString   获取url参数值

   parseQueryToObj   url参数转对象

   httpsRedirect   HTTP跳转HTTPS

time

   dayOfYear   当前日期天数

   getDaysDiffBetweenDates   返回日期间的天数

   timeLeft   剩余时间

   formatPassTime   距现在的已过时间

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

   isSameDay   判断是否为同一天

   isLeapYear   是否为闰年

str

   capitalize   首字母大写

   capitalizeEveryWord   每个单词首字母大写

   decapitalize   首字母小写

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

   byteSize   返回字符串的字节长度

array

   toTreeData   递归数组转为树形结构

   arrayEqual   判断两个数组是否相等

   sample   随机获取数组的某个值

   shuffle   数组“洗牌”

   countOccurrences   检测指定数值出现次数

   allEqual   检查数组各项是否相等

   average   取平均数

   sum   数组总和

   intersection   两数组的交集

cookie

   getCookie   根据name读取cookie

   setCookie   设置Cookie

   removeCookie   根据name删除cookie

clazz

   hasClass   判断元素是否有某个class

   addClass   为元素添加class

   removeClass   为元素移除class

dom

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

   elementContains   检查是否包含子元素

   bottomVisible   检查页面底部是否可见

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

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

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

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

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

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

object

   mergeObject   合并对象

   equals   全等判断

   isEmptyObject   判断obj是否为空

   deepClone   深拷贝，支持常见类型

func

   throttle   函数节流

   debounce   函数防抖

   once   只会调用一次的函数

   timeTaken   计算函数执行时间

random

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

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

   randomColor   随机生成颜色

device

   getVersion   判断是否xx浏览器

   getExplore   获取浏览器类型和版本

   getOS   获取操作系统类型

money

   numToCN   数字现金转中文

发布到 私有npm库

npm run build // 先webpack打包类库，之后再发布
npm addUser --registry https://npm.dossen.com // 添加用户（有账号则不用执行该命令）
npm login --registry https://npm.dossen.com // 登录
npm publish --registry https://npm.dossen.com // 发布

使用方式

浏览器：

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

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

dUtil.uuid()
dUtil.getExplore()

NODE：

1. 使用npm安装（注：需要指向私有npm库地址）:

npm install --save rc-individual-utils --registry https://npm.dossen.com

2. import工具类：

// 全部引入
import dUtil from 'rc-individual-utils'

dUtil.uuid()
dUtil.getExplore()

// 单个引入
import { uuid, getExplore } from 'rc-individual-utils'

uuid()
getExplore()