Vue开发中问题总结

1、a标签使用问题

动态配置a标签的href，生产环境会出现跳转报错404，由于动态url自动加上域名导致，因此需要手动补全url即可。

<a :href="getURL(url)" target="_blank" rel="noopener noreferrer">{{url}}</a>
.
.
.
getURL(url){
    let strURL = "";
    if(url.substr(0,7).toLowerCase() == "http://" || url.substr(0,8).toLowerCase() == "https://"){
        strURL = url;
    }else{
        strURL = "http://" + url;
    }
    return strURL;
}

在a标签属性target值为_blank时，rel="noopener noreferrer"可以防止钓鱼网站，window.opener就不会获取到值。

2、PostCss解决css的兼容性

PostCss 一种对css编译的工具，类似Babel对js的处理，常见的功能如：

• 使用下一代css语法
• 自动补全浏览器前缀
• 自动把px代为转换成rem
• css 代码压缩等等

与less、sass的区别，less和sass是预处理器，用来扩充css语法。PostCss既不是预处理器也不是后处理器，可以与less和sass结合使用。