前言 迄今為止,正兒八經的上線了真正意義上的程式,但是這個小程式卻著實不小。 之所以不小,是因為這個類似於社區的小程式,已經做了大部分都有的功能了 舉例說明,具體的一些功能點: 1、帖子列表頁面:會有的功能:滾動載入,下拉刷新等 2、發帖頁面:圖文發表,視頻上傳 3、評論頁面,圖文評論 4、帖子詳情 ...
前言
迄今為止,正兒八經的上線了真正意義上的程式,但是這個小程式卻著實不小。
之所以不小,是因為這個類似於社區的小程式,已經做了大部分都有的功能了
舉例說明,具體的一些功能點:
- 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,歡迎拍磚