biubiu-utils

前端工具库

目的：减少重复的需找修改一些代码

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

安装使用

1. 直接下载min目录下的biubiu-utils.min.js使用，支持UMD通用模块规范

2. 使用npm安装

浏览器:

  <script src="biubiu-utils.min.js"></script>
  <script>
      var OS = biubiu-utils.getOS()
  </script>

npm:

$ npm install --save-dev biubiu-utils

webpack、RequireJS、SeaJS等

// 完整引入
const biubiu-utils = require('biubiu-utils')
const OS = biubiu-utils.getOS()

推荐使用方法

你真的不需要完整引入所有函数，所以只引入需要使用的方法即可。

// 只引入部分方法('biubiu-utils/<方法名>')
const getOS = require('biubiu-utils/getOS')
const OS = getOS()

API文档

Array

  [arrayEqual][arrayEqual]  判断两个数组是否相等

  [isArray][isArray]  判断是否是数组

  [changeReArr][changeReArr]  数组去重

Class

  [addClass][addClass]  为元素添加class

  [hasClass][hasClass]  判断元素是否有某个class

  [removeClass][removeClass]  为元素移除class

Cookie

  [getCookie][getCookie]  根据name读取Cookie

  [removeCookie][removeCookie]  根据name删除Cookie

  [setCookie][setCookie]  添加Cookie

Device

  [getExplore][getExplore]  获取浏览器类型和版本号

  [getOS][getOS]  获取操作系统类型

Dom

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

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

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

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

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

Function

  [debounce][debounce]  函数防抖

  [throttle][throttle]  函数节流

Keycode

  [getKeyName][getKeyName]  根据keycode获得键名

number

  [verify][verify]  生成数字验证码(参数控制多少位)

Object

  [deepClone][deepClone]  深拷贝，支持常见类型

  [isEmptyObject][isEmptyObject]  判断Object是否为空

Random

  [randomColor][randomColor]   随机生成颜色

  [randomNum][randomNum]  生成指定范围随机数

Regexp

  [codeDegree][codeDegree]  判断密码强度

  [isDateStyle][isDateStyle]  判断是否基本日期格式

  [isEmail][isEmail]  判断是否为邮箱地址

  [isIdCard][isIdCard]  判断是否为身份证号

  [isPhoneNum][isPhoneNum]  判断是否为手机号

  [isUrl][isUrl]  判断是否为URL地址

String

  [digitUppercase][digitUppercase]  现金额转大写

Support

  [isSupportWebP][isSupportWebP]  判断浏览器是否支持webP格式图片

Time

  [formatPassTime][formatPassTime]  格式化${startTime}距现在的已过时间

  [formatRemainTime][formatRemainTime]  格式化现在距${endTime}的剩余时间

  [isSameDay][isSameDay]  判断是否为同一天

  [obtainDate][obtainDate]  日期格式化

Url

  [parseQueryString][parseQueryString]  url参数转对象

  [stringfyQueryString][stringfyQueryString]  对象序列化

clip

  [clip][clip]  这个是一个对象。先定义一个clip对象var clipObj = new clip('container',self)；self为vue实例