js-utilityes

JavaScript 工具类库 js utilityes 工具类 工具库

安装

npm install -S js-utilityes

或

cnpm install -S js-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|