记录一些自己工作中经常用到的小方法，提升效率。
1.校验数字
/**
* 校验数字
* @param {String} str
* @param {String} message 校验未通过提示信息
*/
export function chack_number(str,message=""){
let regRule = /^[1-9]\d*$/;
let toast = message?message:'请输入数字';
if(typeof str != 'string'){
str = str + '';
}
if(str && !str.match(regRule)) {
Message({
message: toast,
type: 'warning',
duration:2000
});
return false;
}
return true;
}
2.获取对应文案(常用于后端返回的key来匹配前端的文案)
/**
* 获取对应文案
* @param {*} list [{label:'1',value:1}] 前端配置的文案
* @param {*} status 后端的key
*/
export function getText(list=[],status) {
let text = '';
list.some(item => {
if (item.value == status) {
text = item.label;
return true;
}
});
return text;
}
3.获取自然年天数
/**
* 获取自然年天数
* @param t 年份 //2020
*/
myDate(t) {
if (t==null){
let Year = new Date().getFullYear(), s = 0, d;//获取当前年
for (var i = 1; i < 13; i++) {
d = new Date(Year, i, 0);//获取某一个月的天数
s += d.getDate();
};
return s;
} else if(t >= 1970) {
let Year = new Date().getFullYear(), s = 0, d;
for (var i = 1; i < 13; i++) {
d = new Date(t, i, 0);
s += d.getDate();
};
return s;
} else {
return "年份有误";
}
},
4.比较日期 相差年份
/**
* 比较日期 相差年
* @param dateTime1 须将日期转换成“YYYY-MM-DD”格式
* @param dateTime1
*/
compareDate($time1,$time2){
var time1 = arguments[0], time2 = arguments[1];
time1 = Date.parse(time1)/1000;
time2 = Date.parse(time2)/1000;
let time_ = time1 - time2;
return parseInt(time_/(3600*24*365)) > 0?parseInt(time_/(3600*24*365)):0;
},
5.生成uuid
/**
* 生成uuid
*/
getUuid() {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
)
},
6.获取数组中最小值
/**
* 获取数组中的最小值
* @param {Array} arr
*/
findArrayMin(arr){
return Math.min(...arr)
}
let testArr = [9,5,6,12,7,33 ]
console.log(findArrayMin(testArr)) //5
7.校验对象中是否存在表情
/**
* 判断对象中是否存在表情
* @param data
* @returns {boolean}
*/
export function isExistEmoji(data = {}) {
const reg = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;
if (data) {
const dataStr = JSON.stringify(data);
if (dataStr.match(reg)) {
return true;
}
}
return false;
};
8.平滑滚动到页面顶部
/**
* 平滑滚动到页面顶部
* window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。
* 该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。
* requestAnimationFrame：
* 优势：由系统决定回调函数的执行时机。60Hz的刷新频率，那么每次刷新的间隔中会执行一次回调函数，不会引起丢帧，不会卡顿。
*/
scrollToTop(){
const fn = () =>{
const c = document.documentElement.scrollTop || document.body.scrollTop;
if (c > 0) {
window.requestAnimationFrame(fn);
window.scrollTo(0, c - c / 8);
}
}
fn();
},
9.获取页面中的图片
/**
* 获取页面全部图片
* @param el dom节点
* @param includeDuplicates true:全部图片不去重；false:去重
*/
getImages(el, includeDuplicates = false){
const images = [...el.getElementsByTagName('img')].map(img => img.getAttribute('src'));
return includeDuplicates ? images : [...new Set(images)];
},
持续补充中。。。
