前端代码常用工具类
程序员文章站
2022-06-03 10:07:19
...
comutils
前端代码常用工具类
目的:集成前端常用工具类
安装使用
- 直接下载
bulid
目录下的comutils.min.js使用,支持UMD通用模块规范
<script src="comutils.min.js"></script>
<script>
var copyObj = comutils.copyObj(obj1,obj2)
</script>
- 使用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 h:m:s]
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吧。
上一篇: react.js单页面跳转