资讯专栏INFORMATION COLUMN

前端常用工具类

li21 / 416人阅读

摘要:前端代码常用工具类目的集成前端常用工具类安装使用直接下载目录下的使用,支持通用模块规范使用安装推荐使用方法不需要完整引入所有函数,只引入需要使用的方法即可只引入部分方法方法名文档的操作是否元素节点对象合并深浅拷贝判断是否为邮箱地址判断

comutils

前端代码常用工具类

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

直接下载bulid目录下的comutils.min.js使用,支持UMD通用模块规范

  
  

使用npm安装

$ npm install --save-dev comutils

推荐使用方法

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

// 只引入部分方法("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吧。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92199.html

相关文章

  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 前端常用插件、工具库汇总(下)

    摘要:上一篇前端常用插件工具类库汇总上内容摘要动画库滚动库轮播图滚屏弹出框消息通知下拉框级联选择器颜色选择器时间日期处理表单验证分页插件本篇延续上一篇的内容继续给大家带来一系列关于前端插件工具类的内容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言 对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到...

    ideaa 评论0 收藏0
  • 优秀博文收藏(不定期更新)

    摘要:我的书签我的书签谨慎导入,小心覆盖工具类版本管理快速切换源配置教程指南可视化工具前端工具集前端助手网络封包截取工具格式化工具标注工具模拟请求类深入浅出布局你所不知道的动画技巧与细节常用代码黑魔法小技巧,让你少写不必要的,代码更优雅一劳永 我的书签 我的书签(谨慎导入,小心覆盖) 工具类 nvm: node版本管理 nrm: 快速切换npm源 shell: zsh+on-my-zsh配...

    sunsmell 评论0 收藏0
  • 优秀博文收藏(不定期更新)

    摘要:我的书签我的书签谨慎导入,小心覆盖工具类版本管理快速切换源配置教程指南可视化工具前端工具集前端助手网络封包截取工具格式化工具标注工具模拟请求类深入浅出布局你所不知道的动画技巧与细节常用代码黑魔法小技巧,让你少写不必要的,代码更优雅一劳永 我的书签 我的书签(谨慎导入,小心覆盖) 工具类 nvm: node版本管理 nrm: 快速切换npm源 shell: zsh+on-my-zsh配...

    zhangfaliang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<