前端經常使用工具類

comutils

前端代碼經常使用工具類javascript

目的:集成前端經常使用工具類

安裝使用

  1. 直接下載bulid目錄下的comutils.min.js使用,支持UMD通用模塊規範
<script src="comutils.min.js"></script>
  <script>
      var copyObj = comutils.copyObj(obj1,obj2)
  </script>
  1. 使用npm安裝
$ npm install --save-dev comutils

推薦使用方法 html

不須要完整引入全部函數,只引入須要使用的方法便可前端

// 只引入部分方法('outils/<方法名>')
const isUrl = require('outils/isUrl')
const isUrl = isUrl()

API文檔

Class

  classApi  className的操做api

    classApi.isElement(el) //是否元素節點
    classApi.hasClass(el,cls)
    classApi.addClass(el,cls)
    classApi.removeClass(el,cls)
    classApi.toggleClass(el,cls)

Object

  copyObj  對象合併/深淺拷貝

Regexp

  isEmail  判斷是否爲郵箱地址

  isIdCard  判斷是否爲身份證號

  isPhoneNum  判斷是否爲手機號

  isUrl  判斷是否爲URL地址

  priceSubstr  千位分割方法

Secret

  secretInfo  給隱私信息標記號加密

Time

  formatPassTime  格式化時間戳爲天時分秒[d,h,m,s]

  formatTime  格式化時間戳爲年月日時分秒[y-m-d hs]

device

  isWeixin  是不是微信瀏覽器

  mobileType  設備類型iphone or android

function

  throttle  節流函數

  debounce  防抖函數

dom

  scrollApi  scrollApi方法

    scrollApi.getScrollTop()
    scrollApi.setScrollTop(h)
    scrollApi.scrollTo(to,duration)

  softKeyCal  移動端端軟鍵盤呼出和消失的事件回調

localStorage

  localStorageApi  本地持久化存儲

    localStorageApi.set(name)
    localStorageApi.get(name)
    localStorageApi.remove(name)
    localStorageApi.clear(name)

cookie

  cookieApi  cookie存儲(適用和服務端交互)

    cookieApi.set(name, value[, end[, path[, domain[, secure]]]])
    cookieApi.get(name)
    cookieApi.has(name)
    cookieApi.remove(name)
    cookieApi.keys()

Type

  typeOf  判斷類型

Url

  getUrlParams  url參數轉對象

  stringfyQs  對象序列化

random

  getRandom  返回選定返回的隨機整數

collections

  shuffle  數組打亂隨機亂序

array

  arrayEqual  判斷數組是否相等

animationFrame

  animationFrame  AnimationFrame簡單兼容hack

TKS

有好的工具類還原提issue,以爲還不錯就給你star吧。java

相關文章
相關標籤/搜索