微信小程序-仿芒果TV

wqmain 7年前
   <p>wechat-Development</p>    <h2>微信小应用-小程序-demo-仿芒果TV (持续更新)</h2>    <p>由于时间的关系,没有办法写一个完整的说明,重点是页面展示效果,还有其中遇到的一些坑分享一下,后期不定期更新坑和DEMO</p>    <ul>     <li> <p>官方文档: <a href="/misc/goto?guid=4959733854439751456" rel="nofollow,noindex">https://mp.weixin.qq.com/debug/wxadoc/dev/</a></p> </li>     <li> <p>基础的一些就不多说了,主要是DEMO,风格是模仿芒果TV的风格和几个展示公开接口,对应的最新视频并不能观看(请自行下载芒果tv App观看)。</p> </li>     <li> <p>纯粹是对微信小程序的尝新以及大家分享研究,并无其他用途。</p> </li>    </ul>    <h2>今日更新微信开发工具遇到问题(11/25)</h2>    <ul>     <li>修复Promise报错      <ul>       <li>问题原因:TypeError: Cannot read property 'Promise' of undefined</li>       <li>解决方案:微信开发工具更新后不支持Promise对象,需要引入第三方库来支持Promise</li>      </ul> </li>    </ul>    <h2>今日更新微信开发工具遇到问题(10/28)</h2>    <ul>     <li> <p>Failed to load resource: net::ERR_NAME_NOT_RESOLVED </p>      <ul>       <li>问题原因:通常是由于系统设置了代理如Shadowsocks等。</li>       <li>解决方案:关闭代理,或者依次点击工具栏“动作”-"设置",选择“不使用任何代理,勾选后直连网络”。</li>      </ul> </li>     <li> <p>修复asdebug.js报错</p>      <ul>       <li>问题原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined</li>       <li>解决方案:替换 /Resources/app.nw/app/dist/weapp/appservice/asdebug.js</li>      </ul> </li>     <li> <p>开发工具报错需要wx:key</p>      <ul>       <li>问题原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined</li>       <li>解决方案:渲染数据的时候增加属性wx:key,一般跟着wx:fo属性后面,两个方法,         <ul>         <li>wx:key="*this" (上次Bug因为用了this,之后入坑了, key设置this的状态应该是场景数据交互只需要请求一次的情况,一般我们常用是下面的property)</li>         <li>wx:key="property" 循环的item里面其中一个属性名字(需要属性名字的值是唯一性,不然会引起一些不会响应的错误!!!)</li>        </ul> </li>      </ul> </li>     <li> <p>公测了,有认证号的可以再微信后台服务器设置那边设置请求接口,获取ID,在手机体验一下</p>      <ul>       <li>可以再手机做静态页面展示 或者拉取数据本地化 弄一个appleID 就可以展示了</li>      </ul> </li>    </ul>    <h2>DEMO (前方gif图高能预警,需等待,等待!!)</h2>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d0f83906a8ada8a8d94f6332618eed77.gif"></p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/7c6a9386aab427a9aefa2841ea086fa8.gif"></p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/b424edb43cf2b312e1c01e6503e3de04.gif"></p>    <p> </p>    <p> </p>