前端学习笔记

[yujianfang]

记录前端学习步骤

[yujianfang]

js添加style prefix

学习到一个如何用js添加css prefix,记录一下 //创建一个空的div,并获取style let elementStyle = document.createElement('div').style;

let vendor = (() => { let transformNames = { webkit: 'webkitTransform', Moz: 'MozTransform', O: 'OTransform', ms: 'msTransform', standard: 'transform' }; //遍历上述浏览器内核transform key值,若找到对应key值,则添加对应前缀

for (let key in transformNames) { if (elementStyle[transformNames[key]] !== undefined) { return key; } }

return false; })(); //使用时传入style字符串即可获得对应prefix前缀 function prefixStyle(style) { if (vendor === false) { return false; }

if (vendor === 'standard') { return style; }

return vendor + style.charAt(0).toUpperCase() + style.substr(1); }