vue-music(11) 不同瀏覽器前綴函數的封裝

因爲有不同瀏覽器，所以許多屬性要做跨瀏覽器使用，故而要加私有前綴。此處封裝一個函數，進行統一設置

let elementStyles = doument.createElement('div').style // 創建一個div並獲得其style

let vendor = (() => { // 立即執行函數
    let transformName = {
        webkit: 'webkitTransform', // 個瀏覽器商對於transform屬性的私有前綴
        Moz: 'MozTransform',
        O: 'OTransform',
        ms: 'msTransform',
        standard: 'transform' // 沒有前綴
    }
    for (var key in vendor){
        if(elementStyles[transformName[key]] !== undefined) { // 如果div屬性中有概屬性，那麼返回瀏覽器商
            return key
        }
    }
    return false // 若沒有該屬性，則說明屬性不支持 
})()

export function prefix (style) {
    if(vendor === false) {
        return false
    }
    if(vender === 'standard') {
        return style
    }
    return vendor + style.chart(0).toUpperCase() + style.substr(1) // 拼接帶喲u前綴的屬性格式
}