# tools **Repository Path**: TheDevelopers/tools ## Basic Information - **Project Name**: tools - **Description**: js tools - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-04-29 - **Last Updated**: 2021-04-29 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 常用js工具库 ### 一.使用方法 ##### 1.原生js中使用 ```javascript 1.引入模块 2.调用模块抛出的方法 ``` ##### 2.在vue中使用 ```javascript 1.main中引入模块 2.挂载在vue的原型链上 import p from './libs/tools.js'; Vue.prototype.p=p; 组件中使用 this.p.typeOf("123") ``` ### 二.包含方法 | 序号 | 方法名 | 描述 | | ------------ | ------------ | ------------ | | 1 | Ajax | 原生封装ajax请求,内部封装promise | | 2 | typeOf | 返回数据类型 | | 3 | setCookie | 设置cookies值 | | 4 | getCookie | 获取cookies值 | | 5 | delCookie | 删除cookies值 | | 6 | isPhoneNumber | 判断是否电话号码(包括手机号和固话) | | 7 | isMobileUserAgent | 判断是否移动端设备 | | 8 | isAndroidMobileDevice | 判断是否安卓设备 | | 9 | isAppleMobileDevice | 判断是否ios设备 | | 10 | uniqueId | 随机数时间戳 | | 11 | timeFormat | 时间个性化输出 | | 12 | transform | 金额大写装换 | | 13 | getQueryString | 提取URL参数 | | 14 | websocket | 使用websocket | ### 三.方法例子 ## Ajax ```javascript Ajax(method, url, data, flag) method:方法("post"/"get") url:请求地址 data:请求数据 ``` ```javascript this.p.Ajax("post","http://192.168.2.2/api/login",{ "user_name":"admin", "user_password":"123", }).then(function(data){ //成功返回值 console.log(data) }).catch(function(err){ //错误返回值 console.log(err) }) ``` ## typeOf ```javascript this.p.typeOf("123") ``` ## setCookie ```javascript setCookie(name, value, Hours) name:cookies名称 value:cookies值 Hours:有效时间(单位:小时) ``` ```javascript this.p.setCookie("name","abc",3) ``` ## getCookie ```javascript getCookie(name) name:cookies名称 ``` ```javascript this.p.getCookie("name") ``` ## delCookie ```javascript delCookie(name) name:cookies名称 ``` ```javascript this.p.delCookie("name") ``` ## isPhoneNumber ```javascript isPhoneNumber(v,t) v:号码 t:标识("phone":检测手机格式,"tel":检测固话格式,无则符合手机号或固话即可) ``` ```javascript this.p.isPhoneNumber("13248979","phone") ``` ## isMobileUserAgent ```javascript this.p.isMobileUserAgent() ``` ## isAndroidMobileDevice ```javascript this.p.isAndroidMobileDevice() ``` ## isAppleMobileDevice ```javascript this.p.isAppleMobileDevice() ``` ## uniqueId ```javascript this.p.uniqueId() ``` ## timeFormat ```javascript timeFormat(time) time:时间戳 ``` ```javascript this.p.timeFormat(1619321487923) ``` ## transform ```javascript transform(tranvalue) tranvalue:数值字符串 ``` ```javascript this.p.transform("120.5") ``` ## getQueryString ```javascript getQueryString(url, param) url:url地址 param:参数名 ``` ```javascript this.p.getQueryString("http://192.xxxxx","name") ``` ## websocket ```javascript let ws = new WebSocket("ws://xxxxxx"); this.p.setWs(ws); this.p.ws.onopen = function() { console.log("打开websocket") } this.p.ws.onerror = function(ev) { } this.p.ws.onclose = function(ev) { // 关闭 websocket console.log("连接已关闭..."); } this.p.ws.onmessage = function(res) { console.log("App.vue收到服务器内容", res.data); } //发送消息时 if(this.p.ws.readyState == 1){ console.log('发送keepalve') this.p.sendMsg({ "type":"keepalive" }) } ```