/super-libs

⚓ JS前端超级工具库合集

Primary LanguageJavaScriptMIT LicenseMIT

JS前端超级工具库合集

目的：高效率完成前端业务代码

npm:

$ cnpm install -D super-libs

使用

import superlibs from 'super-libs' 
console.log(superlibs.getOS());

...

import {getOS} from 'super-libs' 
console.log(getOS());

分类

Array   Class   Cookie   Device   Dom   Function   Keycode   Object   Random   Regexp   String   Support   Time   Url

API文档

Array

  • arrayEqual判断两个数组是否相等

Class

  • addClass为元素添加class
  • hasClass判断元素是否有某个class
  • removeClass为元素移除class

Cookie

  • getCookie根据name读取Cookie
  • removeCookie根据name删除Cookie
  • setCookie添加Cookie

Device

  • getExplore获取浏览器类型和版本号
  • getOS获取操作系统类型

Dom

  • getScrollTop获取滚动条距顶部的距离
  • offset获取一个元素的距离文档(document)的位置，类似jQ中的offset()
  • scrollTo在${duration}时间内，滚动条平滑滚动到${to}指定位置
  • setScrollTop设置滚动条距顶部的距离
  • windowResizeH5软键盘缩回、弹起回调

Function

  • debounce函数防抖
  • throttle函数节流
  • EventBus 事件总线

Keycode

  • getKeyName根据keycode获得键名

Object

  • deepClone深拷贝，支持常见类型
  • isEmptyObject判断Object是否为空

Random

  • randomColor 随机生成颜色
  • randomNum生成指定范围随机数

Regexp

  • isColor判断是否为16进制颜色，rgb 或 rgba
  • isEmail判断是否为邮箱地址
  • isIdCard判断是否为身份证号
  • isPhoneNum判断是否为手机号
  • isUrl判断是否为URL地址

String

  • digitUppercase现金额转大写

Support

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

Time

  • formatPassTime格式化${startTime}距现在的已过时间
  • formatRemainTime格式化现在距${endTime}的剩余时间
  • isLeapYear判断是否为闰年
  • isSameDay判断是否为同一天
  • timeLeft计算${startTime - endTime}的剩余时间

Url

  • parseQueryStringurl 参数转对象
  • stringfyQueryString 对象序列化
  • getQueryStringObject 格式化 URL 查询字符串返回对象 URL: https://matiji.cn/path?a=z&b=y&c=x -> { a: z, b: y: c: x }
  • getUrlParam 获取url中的某个参数