微信小程序踩過的一些坑

前言

迄今爲止，正兒八經的上線了真正意義上的程序，可是這個小程序卻着實不小。

之因此不小，是由於這個相似於社區的小程序，已經作了大部分都有的功能了

舉例說明，具體的一些功能點：

• 一、帖子列表頁面：會有的功能：滾動加載，下拉刷新等
• 二、發帖頁面：圖文發表，視頻上傳
• 三、評論頁面，圖文評論
• 四、帖子詳情頁：富文本解析，點贊，回覆帖子，回覆評論，關注，收藏，朋友圈分享，分享
• 五、任務中心，積分獲取，兌換。
• 六、小程序提現到零錢(即將上線)

細數如下幾個坑(上)

一、富文本

這個說來就有很是坑，做爲一個帖子，本身建立的還好，若是是導入的富文本，對於小程序的體驗真的是苦不堪言，尋求了多種方法之後，其中甚至有本身過濾標籤，不過表現 形態不是很好，最終選擇了 wxParse

社區裏也專門有人對這個開源項目，設計出來了小程序插件，不過建議最好仍是用這個項目引入，畢竟有些代碼改起來方便，不是每一個解析富文本的需求都恰好知足，能夠 適當的調整下源代碼。

相關截圖

出自於 wxParse

值得注意的是，在某些搜索結果頁面，可能也須要用到富文本解析進去搜索結果標紅，由於前端去一個個匹配，仍是太爲繁瑣，這個時候就要用到 wxParse多數據循環使用方法

例子上舉例的是數組模式，實際上鍵值對的對象也是能夠，只要通過一些處理即可，也不是很麻煩 。

二、圖片上傳

參考問題來源chooseImage當sizeType爲compressed時怎麼獲取壓縮圖片

關於圖片上傳有兩個小問題

一、真機上的時候，不論怎麼打印壓縮後的結果都會發現沒有壓縮。

這個時候……不要奇怪，由於開發者工具上確實沒法看到真實壓縮後的結果，要放在真機上聯調的時候，才能打印出來具體壓縮後的大小 ，雖然不是很難的問題 ，但卻着實苦惱了一陣。

二、上傳事後，顯示預覽圖的速度比較慢。

這個是本身做死遇到的，爲了圖方便，直接拿了七牛雲上面的連接地址渲染img，但實際體驗比想象中的要差的多，最好改善的方案，仍是拿choose後的本地圖片渲染，速度快不少。

三、video始終處於最高級

當初在作彈框的時候，不管怎麼設計彈窗，都沒法逾越video這座大山，最後發現無論使用什麼標籤，設置啥層級都沒有啥用。

選擇的辦法，設計一個僞裝視頻暫停的畫面(黑屏)，把真實的video移走，等彈窗消息的時候，再從新移回來。

這個方案至今以爲仍是挺low的，有好的方案的能夠建議下 。

四、textarea獲取焦點時，頁面沒有上推

對，這是個已知問題，不用再去各類搜索，座標2018-9-3，尚未修復…………各類怨念。(一部分手機是支持上推的)

細數如下幾個坑(下)

五、小程序海報二維碼的繪製

只要小程序在功能都開始完善的差很少的時候，無可避免的都會遇到這個小程序海報二維碼的問題，這個時候就是各類神筆馬良繪製的時候。

這個時候，就會遇到如何隱藏當前canvas的問題，有不少種方案，最後選擇的時候，把canvas移出屏幕以外，跟以前video用的是差很少的方法。

至於二維碼的繪製，需求量大的，推薦文檔的中的B方案。

獲取二維碼

還有一點比較坑的是，識別二維碼必定要是已經發布的小程序，假如小程序歷來沒有發佈過，不管你怎麼神通廣大都是調試不成功。

六、小程序分享

已經發出公告取消成功回調了

詳細見 小程序、網頁及App分享功能調整

未完……不知道是否待續

長時間沒有寫博客了，這段時間都一直浸淫在小程序當中，有願意討論的童鞋歡迎，目前小程序已穩定上線2個多月，社區類的小程序。

轉載請註明原文地址 https://www.cnblogs.com/star-wind/p/9581055.html:謝謝

個人github,歡迎拍磚