https://juejin.im/post/5de5be53f265da05c33fcbb4
git源码地址:https://github.com/lanzhsh/react-vue-koa/tree/master/utils-lan
前言
前端开发有时会处理一部分后台返回的数据,或者根据数据判断做一些处理;
这个时候就非常有必要将一些常用的工具类封装起来;
本文根据常用的一些工具类封装了 59 个方法,当然还有很多用的较少前期没有录入,后期持续跟新;
源码地址,utils-lan 源码地址,欢迎 star!
使用
1.方法一
1 | npm i -S utils-lan |
2.方法二
git clone utils-lan 源码地址下来导入项目;
3.关于类名
是根据字面量来命名的,方法首个驼峰表示所属类型,后面是方法作用;
如 arrAndSet 一看就是数组的方法,是处理交集的;
如果实在难以忍受,可以采用方法 2,导入本地对项目进行更改.
arr
1.arrAndSet
并集
1 | /** |
2.arrIntersection
交集
1 | /** |
3.arrDifference
差集
1 | /** |
4.arrTwoToArrObj
两个数组合并成一个数组对象
1 | /** |
5.arrObjSum
数组对象求和
1 | /** |
6.arrConcat
数组合并
1 | /** |
7.arrSum
数组求和
1 | /** |
8.arrIncludeValue
数组是否包含某值
1 | /** |
9.arrMax
数组最大值
1 | /** |
10.arrRemoveRepeat
数组去重
1 | /** |
11.arrOrderAscend
数组排序
1 | /** |
12.arrJudge
判断是否是数组
1 | /** |
check
13.checkNum
判断是否是数字
1 | /** |
14.checkLetter
判断是否是字母
1 | /** |
15.checkLowercaseLetter
判断是否全部是小写字母
1 | /** |
16.checkCapitalLetter
判断是否是大写字母
1 | /** |
17.checkNumOrLetter
判断是否是字母或数字
1 | /** |
18.checkChinese
判断是否是中文
1 | /** |
19.checkChineseNumberLettter
判断是否是中文,数字或字母
1 | export const checkChineseNumberLettter = data => /^[a-zA-Z0-9\u4e00-\u9fa5]+$/g.test(data) |
20.checkEmail
判断是否是邮箱地址
1 | /** |
21.checkTelphone
判断是否是手机号
1 | /** |
22.checkUrl
判断是否是正确的网址
1 | /** |
client
23.checkBrowser
1 | /** |
24.checkIosAndroidIpad
判断是终端类型,值有ios,android,iPad
1 | /** |
25.checkWeixinQqUc
判断是否是微信,qq 或 uc
1 | /** |
26.checkIsIphoneX
检查是否是 IphoneX
1 | /** |
file
27.fileFormatSize
格式化文件单位
1 | /** |
obj
28.objIsEqual
判断两个对象是否相等,目前只支持对象值为简单数据类型的判断
1 | /** |
29.objDeepClone
对象深度克隆;
1.JSON.stringify深度克隆对象;
2.无法对函数 、RegExp等特殊对象的克隆;
3.会抛弃对象的constructor,所有的构造函数会指向Object;
4.对象有循环引用,会报错
1 | /** |
storage
30.localStorageSet
localStorage 存贮
目前对象值如果是函数 、RegExp等特殊对象存贮会被忽略
1 | /** |
31.localStorageGet
localStorage 获取
1 | /** |
32.localStorageRemove
localStorage 移除
1 | /** |
33.localStorageSetExpire
localStorage 存贮某一段时间失效
1 | /** |
34.sessionStorageSet
sessionStorage 存贮
1 | /** |
35.sessionStorageGet
sessionStorage 获取
1 | /** |
36.sessionStorageRemove
sessionStorage 删除
1 | /** |
37.sessionStorageSetExpire
sessionStorage 存贮某一段时间失效
1 | /** |
38.cookieSet
cookie 存贮
1 | /** |
39.cookieGet
cookie 获取
1 | /** |
40.cookieRemove
cookie 删除
1 | /** |
str
41.strTrimLeftOrRight
去掉字符左右空格
1 | /** |
42.strInclude
判断字符是否包含某值
1 | /** |
43.strBeginWith
判断字符是否以某个字符开头
1 | /** |
44.strReplace
全局替换某个字符为另一个字符
1 | /** |
45.strToCapital
将字母全部转化成大写
1 | /** |
46.strToLowercase
将字母全部转化成小写
1 | /** |
47.strToCapitalLetter
将字母全部转化成以大写开头
1 | /** |
thrDeb
48.throttle
节流
1 | /** |
49.debounce
防抖
1 | /** |
time
50.getYear
获取年份
1 | /** |
51.getMonth
获取月份
1 | /** |
52.getDay
获取日
1 | /** |
53.getWhatDay
星期几
1 | /** |
54.getMonthNum
获取当前月天数
1 | /** |
55.getYyMmDdHhMmSs
获取当前时间 yyyy-mm-dd,hh:mm:ss
1 | /** |
56.timesToYyMmDd
时间戳转化为年月日
1 | /** |
57.YyMmDdToTimes
将年月日转化成时间戳
1 | /** |
58.compareTimeOneLessTwo
1 | /** |
url
59.getQueryString
获取 url 后面通过?传参的参数~
1 | /** |
总结
码字不易,持续更新中,欢迎 start!
作者:火狼1
链接:https://juejin.im/post/5de5be53f265da05c33fcbb4
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。