微信小程序-仿芒果TV

wechat-Development

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

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

• 官方文檔： https://mp.weixin.qq.com/debug/wxadoc/dev/

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

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

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

• 修復Promise報錯
  • 問題原因：TypeError: Cannot read property 'Promise' of undefined
  • 解決方案：微信開發工具更新后不支持Promise對象，需要引入第三方庫來支持Promise

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

• Failed to load resource: net::ERR_NAME_NOT_RESOLVED 

  • 問題原因：通常是由于系統設置了代理如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圖高能預警，需等待，等待！！)