微信小程序踩過的一些坑


前言

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

之所以不小,是因為這個類似於社區的小程序,已經做了大部分都有的功能了

舉例說明,具體的一些功能點:

  • 1、帖子列表頁面:會有的功能:滾動加載,下拉刷新等
  • 2、發帖頁面:圖文發表,視頻上傳
  • 3、評論頁面,圖文評論
  • 4、帖子詳情頁:富文本解析,點贊,回復帖子,回復評論,關注,收藏,朋友圈分享,分享
  • 5、任務中心,積分獲取,兌換。
  • 6、小程序提現到零錢(即將上線)
細數以下幾個坑(上)

1、富文本

這個說來就有非常坑,作為一個帖子,自己創建的還好,如果是導入的富文本,對於小程序的體驗真的是苦不堪言,尋求了多種方法以后,其中甚至有自己過濾標簽,不過表現 形態不是很好,最終選擇了 wxParse

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

相關截圖

相關截圖

出自於 wxParse

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

例子上舉例的是數組模式,實際上鍵值對的對象也是可以,只要經過一些處理便可,也不是很麻煩 。

2、圖片上傳

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

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

1、真機上的時候,不論怎么打印壓縮后的結果都會發現沒有壓縮。

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

2、上傳過后,顯示預覽圖的速度比較慢。

這個是自己作死遇到的,為了圖方便,直接拿了七牛雲上面的鏈接地址渲染img,但實際體驗比想象中的要差的多,最好改善的方案,還是拿choose后的本地圖片渲染,速度快很多。

3、video始終處於最高級

當初在做彈框的時候,無論怎么設計彈窗,都無法逾越video這座大山,最后發現不管使用什么標簽,設置啥層級都沒有啥用。

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

這個方案至今覺得還是挺low的,有好的方案的可以建議下 。

4、textarea獲取焦點時,頁面沒有上推

對,這是個已知問題,不用再去各種搜索,坐標2018-9-3,還沒有修復…………各種怨念。(一部分手機是支持上推的)

細數以下幾個坑(下)

5、小程序海報二維碼的繪制

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

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

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

獲取二維碼

還有一點比較坑的是,識別二維碼一定要是已經發布的小程序,假如小程序從來沒有發布過,無論你怎么神通廣大都是調試不成功。

6、小程序分享

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

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

未完……不知道是否待續

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

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

我的github,歡迎拍磚


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM