JS method encapsulation summary

 

// Get extension based on file path 
getKzName(str){// Get the extension of the file path 
	var url = str
	var pos = url.lastIndexOf(".");
	if(pos == -1){
		pos = url.lastIndexOf("\\")
	}
	ar filename = url.substr(pos +1);
	eturn filename
},
getKzName("xxxxx.mp4") //mp4

// Determine whether the mobile phone number 
export function isPhone(str) {
    const reg = /^[1][3,4,5,7,8,9][0-9]{9}$/
    if (!reg.test(str)) {
      return false;
    } else {
      return true;
    }
}

// according to key Intercept url The ginseng 
export const getQueryString = (name) => {
    let urlArr = window.location.href.split('?');
    let str = null
    if (urlArr.length == 1) {
        str = null
        return str
    } else {
        urlArr = urlArr[1]
        urlArr = urlArr.split('&')
        urlArr.forEach(v => {
            if (v.indexOf(name) != -1) {
                str = v.split('=')[1] != undefined ? v.split('=')[1] : null
            }
        })
        return str;
    }
}

// take url The parameter on is changed to json object 
export const getUrlParams=(str="?")=>{
    let urlstr = location.href;
    console.log(str.split(str)[1])
    let obj = {};
    if(urlstr.split(str)[1]){
        let arr = urlstr.split(str)[1].split("&");   // Through the first ？ Decompose to get ？ The following required string , Then pass it through & Break it up and store it in the array 
        for (let i of arr) {
            obj[i.split("=")[0]] = i.split("=")[1];  // Use = Break it down ,= The former is the object attribute name ,= Followed by attribute value 
        }
        console.log("obj",obj);
    }else{
        console.log(" nothing ");
    }
    return obj
}

// Time format 
export const formatDate = (date, fmt) => {
    date = date || new Date();
    fmt = fmt || 'yyyy-MM-dd hh:mm:ss';
    if (Object.prototype.toString.call(date).slice(8, -1) !== 'Date') {
        date = new Date(date)
    }
    if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
    }
    let o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds()
    }
    for (let k in o) {
        if (new RegExp(`(${k})`).test(fmt)) {
            let str = o[k] + ''
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : (("00" + o[k]).substr(("" + o[k]).length)))
        }
    }
    return fmt
}
formatDate(" Time stamp ",'YYYY-MM-dd HH:dd:ss')

// Shake proof 
export const antiShake= (fn, t) => {
    let delay = t || 1000
    let timer
    return function () {
        let args = arguments;
        if (timer) {
            clearTimeout(timer)
        }
        let callNow = !timer
        timer = setTimeout(() => {
            timer = null
        }, delay)
        if (callNow) fn.apply(this, args)
    }
}
eventName:antiShake(function(){
    //do thing
})

Custom global directives

//main.js in 
// Custom instruction , Keep the price to two decimal places （ Add a comma to every three digits ）
 Encapsulation method 1 ：
Vue.filter('moneyTwo', function(val) {
	val = Number(val)
	if(isNaN(val)) {
	  val = 0;  
	} 
	return	Number(val.toFixed(2)).toLocaleString('zh-CN', { minimumFractionDigits: 2 })
})
 Encapsulation method II ：
Vue.filter('moneyTwo', function(val) {
	val = Number(val) 
    val = val.toString().replace(/\$|\,/g,'');
    if(isNaN(val)) {
      val = "0";  
    } 
    let sign = (val == (val = Math.abs(val)));
    val = Math.floor(val*100+0.50000000001);
    let cents = val%100;
    val = Math.floor(val/100).toString();
    if(cents<10) {
       cents = "0" + cents
    }
    for (var i = 0; i < Math.floor((val.length-(1+i))/3); i++) {
        val = val.substring(0,val.length-(4*i+3))+',' + val.substring(val.length-(4*i+3));
    }
    return (((sign)?'':'-') + val + '.' + cents);
})

// Use 
{
   {Numvalue | moneyTwo}}

js file ：

js file