当前位置: 代码迷 >> 综合 >> vue项目常用方法封装,持续更新中。。。
  详细解决方案

vue项目常用方法封装,持续更新中。。。

热度:68   发布时间:2024-02-10 11:49:19.0

vue项目中可以直接使用

1、常用工具类untils.js中

/*
* 验证手机号是否合格
* true--说明合格
*/
export function isPhone(phoneStr){let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;if (!myreg.test(phoneStr)) {return false;} else {return true;}
}/*
* 验证身份证号是否合格
* true--说明合格
*/
export function isIdCard(idCardStr) {let idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/if (idcardReg.test(idCardStr)) {return true} else {return false}
}/**
* 验证车牌号是否合格
* true--说明合格
*/
export function isVehicleNumber(vehicleNumber) {let xreg=/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/; let creg=/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/; if(vehicleNumber.length == 7){return creg.test(vehicleNumber);} else if(vehicleNumber.length == 8){return xreg.test(vehicleNumber);} else{return false;}
}/*
* 验证字符串是否为空(也不能为纯空格)
* true--说明为空, false--说明不为空
*/
export function isEmptyString(string) {if (string == undefined || typeof string == "undefined"|| !string|| string == null || string == ''|| /^\s+$/gi.test(string) ) {return true;}else{return false;}
}/*
* 生日转为年龄(精确到月份)
*/
export function birsdayToAge(birsday) {let aDate = new Date();let thisYear = aDate.getFullYear();let bDate = new Date(birsday);let brith = bDate.getFullYear();let age = thisYear - brith;if(aDate.getMonth()==bDate.getMonth()){if(aDate.getDate()<bDate.getDate()){age = age -1;}}else{if(aDate.getMonth()<bDate.getMonth()){age = age -1;}}return age
}/*
* 是否空数组
*/
export function isArrayEmpty(val) {if(val && val instanceof Array && val.length>0){return false;}else{return true;}
}/*
* 获取url参数字符串
* 没有返回null
*/
export function getQueryString(name) {let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')let r = window.location.search.substr(1).match(reg)if (r != null) {return unescape(r[2])}return null
}/*
* 递归深拷贝
*/
export function deepCopy(obj) {let result = Array.isArray(obj) ? [] : {};for (let key in obj) {if (obj.hasOwnProperty(key)) {if(typeof obj[key] === 'object' && obj[key] !== null) {result[key] = deepCopy(obj[key]);} else {result[key] = obj[key];}}}return result;
}/**
* 去除参数空数据(用于向后台传递参数的时候)
* @param {Object} obj [参数对象]
*/
export function filterEmptyData(obj){for (let prop in obj) {obj[prop] === '' ? delete obj[prop] : obj[prop]}return obj;
}/**
* @desc  函数防抖,用于多次触发,只执行 规定时间后再执行有且只有一次触发 的情况。便于优化性能
* @param {function} func - 需要使用函数防抖的被执行的函数。必传
* @param {Number} wait - 多少毫秒之内触发,只执行第一次,默认1000ms。可以不传
*/
export function debounce(func, wait) {let timeout = nullwait = wait || 1000return function() {let context = thislet args = argumentsif (timeout) clearTimeout(timeout)let callNow = !timeouttimeout = setTimeout(() => {timeout = null}, wait)if (callNow) func.apply(context, args)}
}

2、本地存储工具类storageUntils.js

/**
* 设置本地localStorage
* @name {String} 数据对象的KEY
* @data {all} 对应key的数据
*/
export function setStorage(name, data) {let storage = window.localStorage;storage.setItem(name, JSON.stringify(data));
}/**
* 拿到本地localStorage
* @name {String} 数据对象的KEY
*/
export function getStorage(name) {let storage = window.localStorage;let data = JSON.parse(storage.getItem(name));return data;
}
/**
* 设置本地sessionStorage
* @name {String} 数据对象的KEY
* @data {all} 对应key的数据
*/
export function setSessionStorage(name, data) {let storage = window.sessionStorage;storage.setItem(name, JSON.stringify(data));
}/**
* 拿到本地sessionStorage
* @name {String} 数据对象的KEY
*/
export function getSessionStorage(name) {let storage = window.sessionStorage;let data = JSON.parse(storage.getItem(name));return data;
}

项目中常用到的一些工具方法,持续更新中。。。

  相关解决方案