# foxutil

**Repository Path**: fox-fox-Fox/foxutil

## Basic Information

- **Project Name**: foxutil
- **Description**: 雪狐的使用工具集
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-03-11
- **Last Updated**: 2022-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##### [GIT](https://gitee.com/fox-fox-Fox/foxutil)
## API
```javascript
import {foxRegexp,foxUtil} from 'foxutil'
```
### 分成两个部分
#### foxRegexp
正则表达式，直接调用即可
##### chinese
返回一个匹配中文汉字的表达式
##### phone
返回一个匹配手机号的表达式
##### tel
返回一个匹配座机号的表达式
##### email
返回一个匹配邮箱的表达式
##### password
返回一个以字母开头，长度在6~18之间，只能包含字母、数字和下划线表达式
##### strongPassword
返回一个强密码的表达式
##### yi_identity
返回一个匹配一代身份证的表达式
##### er_identity
返回一个匹配二代身份证的表达式
##### phoneIdentity
返回一个匹配手机机身ID的表达式
##### annotation
返回一个匹配html标签的表达式
##### username
返回一个匹配字母开头，允许5-16字节，允许字母数字下划线的表达式
##### getImg
返回一个匹配img标签的表达式
##### getURL
返回一个匹配网页URL参数的表达式
##### getQQ
返回一个匹配QQ号的正则表达式
##### getTrain
返回一个匹配火车车次的正则表达式
#### foxUtil
一些比较实用工具函数
##### colorConVersion
将255进制的颜色转换为16进制颜色并使用变量接收参数为3个数字类型   
```javascript
const color = foxUtil.colorConVersion(255,255,255)    // #ffffff
```
##### dayOfYear
查看当前日期是今年的那一年并使用变量接收参数是new Date()  
```javascript
const color = foxUtil.dayOfYear(new Date())   // 73
```
##### dayCountDiffer
计算日期的时间差，第一个和第二个时间的距离是多远 
```javascript
const day = foxUtil.dayCountDiffer(new Date("2020-10-10"),new Date("2021-10-10"))     //365
```
##### randomColor
随机生成一个十六进制的颜色  const color = randomColor()   // #45652f
```javascript
const color = foxUtil.randomColor()   // #45652f
```
##### arrUniq
讲一个数组去除重复项，对象、NaN、函数都可去重     参数为一个拥有重复项的数组
```javascript
const uniq = foxUtil.arrUniq(arr)
```
##### upsetArray
将一个排好序的数组打乱顺序  参数为一个排好序的数组
##### gotoTop
点击的时候调用 返回到当前页面的顶部   没有参数
##### isEmpty
判断一个数组是否为空，如果为空则返回false不为空则返回true  参数为数组
##### isNullObject
判断一个对象是否为空，如果为空则返回false不为空则返回true  参数为对象
##### getUrl
获取当前页面URL路径传递过来的参数 ，没有参数
##### deepCopy
深度拷贝一个对象并返回一个新的对象
##### average
求数字的平均值 const aver = average(1,2,3,4)   // 2.5
##### debounce
防抖函数，第一个参数为函数，第二个是延迟执行秒数，第三个参数是布尔值true立即执行，false延迟执行
##### throttle
节流函数，第一个参数为函数，第二个是延迟执行秒数，第三个参数是一个number类型 1是使用时间戳，2是使用时间函数
##### intersection
查找两个数组重复的元素，并返回一个新的数组
##### difference
查找两个数组不重复的元素，并返回一个新的数组
##### lazy 懒加载
接收四个参数，两个必选参数，两个可选参数
* 第一个参数是列表元素的父元素,或者是列表数组元素
* 第二个参数是一个回调函数，接收一个参数，参数是一个数组对象，对象属性：
  * target      被观察的dom元素
  * time        可见性发生变化的时间，是一个高精度时间戳
  * iview       是否可见
  * visible     目标元素的可见比例，完全可见为1，完全不可见为0
  * targetDOM   目标元素矩形区域信息
  * iviewTarget 目标元素与跟元素的交叉区域的信息
* 第三个参数是bool值，是否关闭监听
* 第四个参数是一个对象可选参数，提供三个属性
  * root  指定的跟元素
  * rootMargin  根元素的外边距
  * threshold   根元素和列表元素的交集，可以是数组也可以是一个number
```javascript
lazy(document.querySelector('ul'),(list)=>{
    //list [{target,time,iview,visible,targetDOM,iviewTarget}]
})
lazy(document.querySelectorAll('li'),(list)=>{
  //list [{target,time,iview,visible,targetDOM,iviewTarget}]
},false,{
    root:null,
    rootMargin:'0px',
    threshold:0
})
```
##### getItem 
两个参数
* 第一个数组对象，
* 第二个id <br>
返回当前的查找到的对象
```javascript
  const arr = [{a:1,b:[{a:3}]},{a:2}]
  getItem(arr, 3) // {a:3}
```
##### time
一个参数
* 一个日期字符串
* 返回过滤好的日期格式
```javascript
  time('2022-03-16T11:03:28.000+0800')   // 2022-03-16 11:03:28
```