美文网首页JavaScript
前端工具类 comutils

前端工具类 comutils

作者: day_day_up | 来源:发表于2017-12-10 16:38 被阅读0次

    comutils

    [图片上传失败...(image-dc10ca-1512895196433)] [图片上传失败...(image-7e560f-1512895196433)] [图片上传失败...(image-11f35f-1512895196433)]

    前端代码常用工具类

    目的:集成前端常用工具类

    安装使用

    1. 直接下载bulid目录下的comutils.min.js使用,支持UMD通用模块规范
      <script src="comutils.min.js"></script>
      <script>
          var hasClass = comutils.hasClass(el,cls)
      </script>
    
    1. 使用npm安装
    $ npm install --save-dev comutils
    

    推荐使用方法

    不需要完整引入所有函数,只引入需要使用的方法即可

    // 只引入部分方法('comutils/<方法名>')
    import {typeOf} from 'comutils'
    

    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

      deepClone  深拷贝,支持常见类型

    Regexp

      isEmail  判断是否为邮箱地址

      isIdCard  判断是否为身份证号

      isPhoneNum  判断是否为手机号

      isUrl  判断是否为URL地址

      priceSubstr  千位分割方法

    Secret

      secretInfo  给隐私信息标记号加密

    Time

      formatPassTime  格式化时间戳为天时分秒[d,h,m,s]

      formatTime  格式化时间戳为年月日时分秒[y-m-d h:m:s]

    device

      isWeixin  是否是微信浏览器

      mobileType  设备类型iphone or android

    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

      parseQs  url参数转对象

      stringfyQs  对象序列化

    相关文章

      网友评论

        本文标题:前端工具类 comutils

        本文链接:https://www.haomeiwen.com/subject/todvixtx.html