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結合使用。