关于前端:容易忘的方法

深克隆

*Object.prototype.toString() 办法，会返回一个形如 "[object XXX]" 的字符串
万物皆对象，.call继承对象的toString办法*

function typeOf(obj){

    const toString = Object.prototype.toString
    const map = {
        '[object Boolean]':'boolean',
        '[object Number]':'number',
        '[object String]':'string',
        '[object Function]':'function',
        '[object Array]':'array',
        '[object Date]':'date',
        '[object RegExp]':'regExp',
        '[object Undefined]':'undefined',
        '[object Null]':'null',
        '[object Object]':'object'
    }
    return map[toString.call(obj)]
}

//deepCopy
function deepCopy(data){
    const t = typeOf(data)
    let o;
    if(t==='array'){
        o = []
        for(let i = 0;i<data.length;i++){
            o.push(deepCopy(data[i]))
        }
    }else if(t === 'object'){
        o = {}
        for(let key in data){
         o[key] = deepCopy(data[key])
        }
    }else{
        return data
    }
    return o
}

vue中类名的依据条件动态显示

class属性(数组语法) ,对象内如果右侧满足,则有这个class名称 类名是依据右侧的条件满足，则存在

 <label :class="wrapClasses"></label>
 
 
  computed:{
        wrapClasses(){
  
            return [
                `${prefixCls}-wrapper`,
                {
                    [`${prefixCls}-group-item`]:this.group,
                    [`${prefixCls}-wrapper-checked`]:this.currentValue,
                    [`${prefixCls}-wrapper-disabled`]:this.disabled,
                    [`${prefixCls}-${this.size}`]:!!this.size
                }
            ]
        }
        }