outils

前端业务代码工具库

  • outils

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
outils
2,605391.6.14 years ago7 years agoMinified + gzip package size for outils in KB

Readme

outils
outils
npm Build Status Coverage LICENSE MIT 前端业务代码工具库
目的:高效率完成前端业务代码
业务开发过程中,会经常用到日期格式化url参数转对象浏览器类型判断节流函数等常用函数,为避免不同项目多次复制粘贴的麻烦,这里统一封装,并发布到npm,以提高开发效率。如果你也有常用的代码,欢迎为本项目提交pr。

:buildingconstruction: 安装使用

  1. 直接下载min目录下的outils.min.js使用,支持UMD通用模块规范
  1. 使用npm安装

浏览器:

``` html ```

npm:

``` bash $ npm install --save-dev outils ``` webpack、RequireJS、SeaJS等 ``` javascript // 完整引入 const outils = require('outils') const OS = outils.getOS() ``` 推荐使用方法 你真的不需要完整引入所有函数,所以只引入需要使用的方法即可。 ``` javascript // 只引入部分方法('outils/<方法名>') const getOS = require('outils/getOS') const OS = getOS() ```

:package: API文档

Array

  arrayEqualarrayEqual  判断两个数组是否相等

Class

  addClassaddClass  为元素添加class

  hasClasshasClass  判断元素是否有某个class

  removeClassremoveClass  为元素移除class

Cookie

  getCookiegetCookie  根据name读取Cookie

  removeCookieremoveCookie  根据name删除Cookie

  setCookiesetCookie  添加Cookie

Device

  getExploregetExplore  获取浏览器类型和版本号

  getOSgetOS  获取操作系统类型

Dom

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

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

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

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

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

Function

  debouncedebounce  函数防抖

  throttlethrottle  函数节流

Keycode

  getKeyNamegetKeyName  根据keycode获得键名

Object

  deepClonedeepClone  深拷贝,支持常见类型

  isEmptyObjectisEmptyObject  判断Object是否为空

Random

  randomColorrandomColor   随机生成颜色

  randomNumrandomNum  生成指定范围随机数

Regexp

  isColorisColor  判断是否为16进制颜色,rgb 或 rgba

  isEmailisEmail  判断是否为邮箱地址

  isIdCardisIdCard  判断是否为身份证号

  isPhoneNumisPhoneNum  判断是否为手机号

  isUrlisUrl  判断是否为URL地址

String

  digitUppercasedigitUppercase  现金额转大写

Support

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

Time

  formatPassTimeformatPassTime  格式化${startTime}距现在的已过时间

  formatRemainTimeformatRemainTime  格式化现在距${endTime}的剩余时间

  isLeapYearisLeapYear  判断是否为闰年

  isSameDayisSameDay  判断是否为同一天

  timeLefttimeLeft  计算${startTime - endTime}的剩余时间

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

Url

  parseQueryStringparseQueryString  url参数转对象

  stringfyQueryStringstringfyQueryString  对象序列化