crliutils

前端工具库

crliutils

安装使用:

1. 直接下载dist目录下的crliutils.min.js
2. 使用npm安装

浏览器:

  <script src="crliutils.min.js"></script>
  <script>
    console.log(crliutils)
    console.log(crliutils.setCookie)
  </script>

npm:

$ npm install -D crliutils

// 引入
const crliutils = require('crliutils')
console.log(crliutils)
//或者
import crliutils, {setCookie} from 'crliutils'

API:

Array

  getArrChunk  将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组

  isArrEqual  判断两个数组是否相等

Bom

  fullscreenToggel  浏览器全屏与退出全屏切换

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

  listenfullscreen  esc监听全屏

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

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

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

Cookie

  getCookie  获取cookie的操作

  removeCookie  移除某个cookie的操作

  setCookie  对cookie的设置操作

Date

  getBeforeArrDay  获得前N天的日期数组（包含N个值的数组）

  getMonthArrDay  获得包含当天和前N月或者N年的的日期数组（包含2个值的数组）

  getMonthDays  获取指定日期月份的总天数

  getTwoArrDay  获得包含当天和前N天的日期数组（包含2个值的数组）

  isLeapYeay  是否为闰年

Dom

  addClass  为元素添加class

  getStyle  获取属性值

  hasClass  判断元素是否包含类名

  removeClass  移除class

Function

  getType  获得对象类型

  insertCss  动态插入css

  downFile  下载excel文件 请求时候注意responseType: 'blob',

  getOs  获取操作系统类型

  getRandomNum  生成指定范围[min, max]的随机数

  getSex  根据身份证号获取生日，性别

  debounce  防抖

  throttle  节流

Object

  deepCopy  对象深拷贝

Regexp

  isEmail  判断是否为正确邮箱

  isIdCard  判断是否为18位身份证号

  isNotPass  判断是否通过

  isPhoneNum  判断是否为手机号

Storage

  setStore  存储localStorage

  getStore  获取localStorage

  removeStore  删除localStorage

  clearStore  清空localStorage

Time

  formatPassTime  startDate时间距离现在或者某个时间的时间描述

  formatTime  时间日期格式化

  formatTimeCountdown  格式化时间倒计时

Url

  getQueryParse  url参数转对象

  getQueryStringify  对象序列化

  getUrlQuery  url中获取参数名为name的参数值