0.1.8 • Published 5 years ago
js-utilityes
JavaScript 工具类库 js utilityes 工具类 工具库
安装
npm install -S dk-utilityes
或
cnpm install -S dk-utilityes
使用
import { queryParseObject, weakHttp } from "js-utilityes";
const url = `http://xxx.xxx.cn/?id=123&name=上海`;
queryParseObject(url)
weakHttp(url)
方法
数组
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| getMax | arr | Array | 求数组中非NaN数据的最大值 |
| getMin | arr | Array | 求数组中非NaN数据的最小值 |
| isEqual | obj1,obj2 | | 判断对象或数组是否相等 |
Base64
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| base64 | | | Base64 字符串转换 |
| base64UrlToFile | dataurl, filename | String | 将base64转换为文件 |
| fileToBase64String | file, format = "jpg", "jpeg", "png", "gif", size = 20 1024 1024, formatMsg = "文件格式不正确", sizeMsg = "文件大小超出限制" | | 获取文件base64编码 |
| base64ToBlob | base64 | | base64转blob |
| image2Base64 | img | | 将图片转换为Base64 |
| getImgBase64 | src | | 获取图片Base64编码 |
Blob
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| blobToFile | blob, fileName | | blob转file |
Browser
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| getClientHeight | | | 获取窗口可视范围的高度 |
| getClientWidth | | | 获取窗口可视范围宽度 |
| onMobileViewportResize | downCb, upCb | | H5软键盘缩回、弹起回调 窗口的文档显示区的高度变化回调 |
| getExplore | | | 获取浏览器类型和版本 |
| getOS | | | 获取操作系统类型 |
| isIE | | | 判断是否ie浏览器 |
| isSupportWebP | | | 判断浏览器是否支持webP格式图片 |
| getClientSize | | | 获取窗口尺寸 |
| launchFullscreen | | | 开启全屏 |
| exitFullscreen | | | 关闭全屏 |
| openWindow | | | 打开一个窗口 |
| stopContextmenuAndSelectAndCopy | | | 禁止鼠标右键、选择、复制 |
| autoResponse | | | 自适应页面（rem） |
Cookie
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| getCookie | cname | String | 获取Cookie |
| setCookie | cname, cvalue, exdays | | 设置Cookie |
| removeCookie | cname | | 删除Cookie |
Date
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| timeZoneConversion | time, offset | | 时区转换 返回时间戳 |
| formatTimeFriendly | time | | 友好的时间格式 |
| formatPassTime | startTime | | 格式化距现在的已过时间 |
| formatTimestamp | time | | 格式化 |
| formatRemainTime | endTime | | 格式化现在距结束的剩余时间 |
| isLeapYear | year | | 是否为闰年 |
| isSameDay | date1, date2 | | 判断是否为同一天 |
| getMonthDays | time | | 获取指定日期月份的总天数 |
Document
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| hasClass | elem, cls | | 是否有class |
| addClass | elem, cls | | 添加class 依赖 hasClass |
| removeClass | elem, cls | | 移出class 依赖 hasClass |
| replaceClass | ele, newName, oldName | | 替换类名 |
| siblings | ele | | 获取兄弟节点 |
| getComputedStyles | el | | 获取元素最终样式 |
| getKeycodeName | keycode | | 根据keycode获得键名 |
| addload | func | | 页面加载自执行函数 |
| getDocumentSize | | | 获得文档的大小 |
Method
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| debounce | | | 函数防抖 |
| throttle | | | 函数节流 |
| randomColor | | | 随机生成颜色 |
| randomNum | | | 生成指定范围min, max的随机数 |
| photoCompress | | | 图片压缩 |
| imgLoadAll | | | 图片加载 |
| loadAudioloadAudio | | | 音频加载 |
| insertAtCursor | | | 光标所在位置插入字符 |
| setCursorPosition | | | 光标所在位置插入字符，并设置光标位置 依赖 insertAtCursor |
| ajax | | | ajax |
| asyncForEach | | | foreach同步执行 |
| pWait | | | 等待 |
| copyToClipboard | | | 复制文本到剪切板 |
| createAndDownloadFile | | | 前端生成文件并下载 |
| highlight | | | 高亮文本 |
| excerpt | | | 限制文本字数 |
| backTop | | | 返回顶部的通用方法 |
| getUrlState | | | 检验URL链接是否有效 |
| delay_js | | | 动态加载js或css文件 |
| onError | | | 从全局捕获错误 |
| ready | | | ready实现 document.ready(cb) |
Number
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| isNaN | value | | 检查数据是否为非数值 |
| money2Chinese | num | | 现金额转大写 |
| random | min, max | | 随机数范围 |
| numberToChinese | num | | 将阿拉伯数字翻译成中文的大写数字 |
Object
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| isPrimitive | value | | 检测是不是原始数据类型 |
| isObject | obj | | 判断数据是不是引用类型 |
| getType | value | | 获取数据类型 |
| capitalize | str | | 字符串首位大写 |
| cloneObj | value, deep | | 克隆对象数据，可深度克隆 |
| deepClone | values | | 深拷贝，支持常见类型 |
| isEmpty | obj | | 判断obj是否为空 |
RegExp
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| isEmail | str | | 校验电子邮箱格式 |
| isEmail2 | str | | 判断是否为邮箱地址 |
| isTelCode | str | | 校验电话号码格式 |
| isPhoneNum | str | | 判断是否为手机号 |
| isCnNewID | cid | | 身份证号 |
| isIdCard | str | | 判断是否为身份证号 |
| isCardID | sId | | 严格的身份证校验 |
| isColor | str | | 判断是否为16进制颜色，rgb 或 rgba |
| isUrl | str | | 判断是否为URL地址 |
| isString | o | | 是否字符串 |
| isNumber | o | | 是否数字 |
| isBoolean | o | | 是否boolean |
| isFunction | o | | 是否函数 |
| isNull | o | | 是否为null |
| isUndefined | o | | 是否undefined |
| isObj | o | | 是否对象 |
| isArray | o | | 是否数组 |
| isDate | o | | 是否时间 |
| isRegExp | o | | 是否正则 |
| isError | o | | 是否错误对象 |
| isSymbol | o | | 是否Symbol函数 |
| isPromise | o | | 是否Promise对象 |
| isSet | o | | 是否Set对象 |
| isFalse | o | | 是否false |
| isTrue | o | | 是否true |
| isDigit | value | | 判断是否为数字类型 |
Scroll
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| getScrollTop | | | 获取滚动条距顶部的距离 |
| setScrollTop | value | | 设置滚动条距顶部的距离 |
| scrollTo | to, duration | | 在${duration}时间内，滚动条平滑滚动到${to}指定位置 |
| offset | ele | | 获取一个元素的距离文档(document)的位置，类似JQ中的offset() |
String
| 方法 | 参数 | 参数类型 | 注释 |
|---|
| queryParseObject | url | String | URL参数 转换 对象 |
| objectStringifyString | obj | Object | 对象URL转换 &链接 |
| weakHttp | url | String | URL协议转换//xxx.ruiqikj.cn |