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前缀的属性格式
}