JS自動新增適配瀏覽器樣式字首的方法
阿新 • • 發佈:2019-01-31
const styleTest = document.createElement('div').style
const render = { webkit: 'webkitTransform', ms: 'msTransform', Moz: 'MozTransform', O: 'OTransform', standard: 'transform'}
const getPrefix = (() => { for (let key in render) { if (styleTest[render[key]] !== undefined) { return key } }})()
export default function stylePrefix (style) { if (getPrefix === 'standard') { return style } return getPrefix + style.charAt(0).toUpperCase() + style.substr(1)}
const render = { webkit: 'webkitTransform', ms: 'msTransform', Moz: 'MozTransform', O: 'OTransform', standard: 'transform'}
const getPrefix = (() => { for (let key in render) { if (styleTest[render[key]] !== undefined) { return key
export default function stylePrefix (style) { if (getPrefix === 'standard') { return style } return getPrefix + style.charAt(0).toUpperCase() + style.substr(1)}
在vue-cli中直接寫樣式表,vue可以自動幫助新增瀏覽器字首,但有時候需要通過js動態新增樣式,就需要考慮瀏覽器相容問題,可利用此方法自動新增瀏覽器字首。