js 浏览器兼容css中webkit、Moz、O、ms...写法封装(es6语法)
/***浏览器兼容写法封装*/let elementStyle = document.createElement('div').stylelet vendor = (() => {let transformNames = {webkit: 'webkitTransform',Moz: 'MozTransform',O: 'OTransform',ms: 'msTransform',standard: 'transform'}for (let key in transformNames) {if (elementStyle[transformNames[key]] !== undefined) {return key}}return false})()export function prefixStyle(style) {if (vendor === false) {return false}if (vendor === 'standard') {return style}return vendor + style.charAt(0).toUpperCase() + style.substr(1)}//调用const transform = prefixStyle('transform')const backdrop = prefixStyle('backdrop-filter')div.style[transform] = `translate3d(0,0,0)` 等同于 div.style['transform'] = `translate3d(0,0,0)`div.style[backdrop] = `blur(4px)`等同于 div.style['backdrop'] = `blur(4px)`