1. 程式人生 > >微信小應用-小程式-demo-仿芒果TV (持續更新)

微信小應用-小程式-demo-仿芒果TV (持續更新)

https://github.com/web-Marker/wechat-Development?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

由於時間的關係,沒有辦法寫一個完整的說明,重點是頁面展示效果,還有其中遇到的一些坑分享一下,後期不定期更新坑和DEMO

  • 基礎的一些就不多說了,主要是DEMO,風格是模仿芒果TV的風格和幾個展示公開介面,對應的最新視訊並不能觀看(請自行下載芒果tv App觀看)。

  • 純粹是對微信小程式的嘗新以及大家分享研究,並無其他用途。

今日更新微信開發工具遇到問題(11/25)

  • 修復Promise報錯
    • 問題原因:TypeError: Cannot read property 'Promise' of undefined
    • 解決方案:微信開發工具更新後不支援Promise物件,需要引入第三方庫來支援Promise

今日更新微信開發工具遇到問題(10/28)

    • 問題原因:通常是由於系統設定了代理如Shadowsocks等。
    • 解決方案:關閉代理,或者依次點選工具欄“動作”-"設定",選擇“不使用任何代理,勾選後直連網路”。
  • 修復asdebug.js報錯

    • 問題原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined
    • 解決方案:替換 /Resources/app.nw/app/dist/weapp/appservice/asdebug.js
  • 開發工具報錯需要wx:key

    • 問題原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined
    • 解決方案:渲染資料的時候增加屬性wx:key,一般跟著wx:fo屬性後面,兩個方法,官方文件有公示
      • wx:key="*this" (上次Bug因為用了this,之後入坑了, key設定this的狀態應該是場景資料互動只需要請求一次的情況,一般我們常用是下面的property)
      • wx:key="property" 迴圈的item裡面其中一個屬性名字(需要屬性名字的值是唯一性,不然會引起一些不會響應的錯誤!!!)
  • 公測了,有認證號的可以再微信後臺伺服器設定那邊設定請求介面,獲取ID,在手機體驗一下

    • 可以再手機做靜態頁面展示 或者拉取資料本地化 弄一個appleID 就可以展示了

DEMO (前方gif圖高能預警,需等待,等待!!)

遇到坑(雖然之前有人說過,還是重新一下)

  • 好像沒有自定義元件的機制~~
  • 沒有熱更新
  • 修改程式碼即時同步問題
  • 一些元件樣式不能擴充套件(這個可能以後公測的時候會放出來)