vue读取修改svg颜色 并转换为base64格式，2024前端春招面试真题详解

methods:{

// 读取svg代码

readFile(filePath) {

// 创建一个新的xhr对象

let xhr = null

if (window.XMLHttpRequest) {

xhr = new XMLHttpRequest()

} else {

xhr = new ActiveXObject(‘Microsoft.XMLHTTP’)

}

const okStatus = document.location.protocol === ‘file’ ? 0 : 200

xhr.open(‘GET’, filePath, false)

xhr.overrideMimeType(‘image/svg+xml’)

xhr.send(null)

return xhr.status === okStatus ? xhr.responseText : null

},

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。