【mpvue】三

使用了快1個月，陸續整理髮現的坑

一、pageA-pageB-pageA-pageC

若是以這種順序，大概理解成，列表進詳情B， 返回列表進入詳情C，那麼進入詳情C的時候，會由於緩存，先展示詳情B的內容。解決方案查看了官方issue。以下：

onLoad() {
    Object.assign(this.$data, this.$options.data());
  },

二、以前有說過，由於緩存的緣由，因此mounted一次生命週期只會加載一次，因此再一些須要數據刷新的頁面，推薦使用onShow()來作。

可是會發現一個問題，小程序自己有緩存機制，就是記錄上一次的瀏覽記錄。若是onShow的話，會致使數據刷新，可是記錄的緩存還在。

因此，在一些不須要隨時刷新的列表上，依然使用mounted鉤子。

三、因爲本次項目中會使用到富文本。官方自己的rich-text,其實我以爲還好，也沒那麼差勁，mpvue官方說是不支持v-html,可是我用了之後，發現會自動轉換成rich-text。效果其實還能夠的。若是追求極致，能夠去下載一個mpvue-wxparse。github上有。本次也就是使用了該組件。

https://github.com/qizhenshuai/qs-mpvue-wxparse 使用方法上面也有介紹。

重點：！！！！！！！

必定不要忘記引入wxparse.css！！！必定不要忘記引入wxparse.css！！！必定不要忘記引入wxparse.css！！！

由於引入了組件之後，確實能夠編譯了，可是在一些字體加粗《strong》標籤，以及span等行內標籤會被統一編譯成《view》，變成塊級元素。

四、關於頁面打開會先展現出靜態資源，而後再展現接口請求的數據，此問題會形成必定的用戶體驗不適。

好比一個詳情頁面。圖片和介紹等內容是接口請求出來的，可是頁面上的一些button,點贊等收藏元素是頁面靜態資源。進入頁面後在接口請求數據完以前，靜態資源會先展現出來。解決該問題的方法我是在最外層元素，使用v-if="isData"，接口請求好數據之後設置爲true。

五、關於在一些機型上面，會發現一行文字的頭上好像被切除了1px的樣子。具體緣由排查不出來，解決方案是給該盒子padding:1px 0;。

六、另外在開發webSocket中發現一個問題。H5中的webSocket，連接之後會有一個狀態碼，根據狀態碼是能夠判斷出連接是open狀態，仍是close,或者是closing狀態等。官方wx.connectSocket（）

wx.connectSocket（{
XXX
success(res){
console.log(res)
res.socketTaskId????????????
//剛開始，也覺得這個res.socketTaskId就是狀態碼，由於在模擬器上的效果和h5的狀態碼很像。
//後來我根據狀態碼寫完邏輯之後，真機一上就GG了。
//翻閱官方文檔，竟然沒有這個解釋。。。。。
}
}）

暫時就這麼多吧，陸續會更新