#简单实用#工作中常用的JS方法

记录一些自己工作中经常用到的小方法，提升效率。

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)];
 },

持续补充中。。。