微信小程序—仿芒果TV(已开源)

前言:1月9号(今天)是小程序上线的日子,各厂小程序,纷纷在线上发布,便用极其便捷,下面我体验的腾讯视频,及大众点评的小程序。

腾讯视频

大众点评

很荣幸,web-Marker,已把仿芒果TV的小程序,开源到github,对于小程序,我和大家一样,都是陌生的。不过相信应该不会难度很大。以下这个项目学会了的话,小程序估计也没有那么神秘了。以下是正文部分。点击【阅读原文】可看github对应工程

由于时间的关系,没有办法写一个完整的说明,重点是页面展示效果,还有其中遇到的一些坑分享一下,后期不定期更新坑和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 http://4587851578.appservice.open.weixin.qq.com/appservice
    • 问题原因:通常是由于系统设置了代理如Shadowsocks等。
    • 解决方案:关闭代理,或者依次点击工具栏“动作”-"设置",选择“不使用任何代理,勾选后直连网络”。
  • 修复asdebug.js报错
    • 问题原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined
    • 解决方案:替换 /Resources/app.nw/app/dist/weapp/appservice/asdebug.js
  • 开发工具报错需要wx:key
    • wx:key="*this" (上次Bug因为用了this,之后入坑了, key设置this的状态应该是场景数据交互只需要请求一次的情况,一般我们常用是下面的property)
    • wx:key="property" 循环的item里面其中一个属性名字(需要属性名字的值是唯一性,不然会引起一些不会响应的错误!!!)
    • 问题原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined
    • 解决方案:渲染数据的时候增加属性wx:key,一般跟着wx:fo属性后面,两个方法,官方文档有公示
  • 公测了,有认证号的可以再微信后台服务器设置那边设置请求接口,获取ID,在手机体验一下
    • 可以再手机做静态页面展示 或者拉取数据本地化 弄一个appleID 就可以展示了

效果图:

首页:

推荐位,画廊:

搜索,播放

遇到坑(虽然之前有人说过,还是重新一下)

  • 好像没有自定义组件的机制~~
  • 没有热更新
  • 修改代码即时同步问题
  • 一些组件样式不能扩展(这个可能以后公测的时候会放出来)

原文发布于微信公众号 - 何俊林(DriodDeveloper)

原文发表时间:2017-01-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏阿凯的Excel

Pandas实现分列功能(Pandas读书笔记1)

最近发现自己特愿意扯和分享内容本身无关的事情,下述内容纯闲扯: pandas应该怎么分享困扰了我好久,但是看我公众号的朋友更困惑的是这个人为啥要分享panda...

4954
来自专栏java一日一条

13个不容错过的Java项目

GitHub可谓一座程序开发的大宝库,有些素材值得fork,有些则能帮助我们改进自有代码或者学习编程技能。无论如何,开发工作当中我们几乎不可能绕得开GitHub...

5051
来自专栏Java架构解析

分布式服务接口的java工程师,需要熟练具备的技能点

1、java基本语法:最好能偶尔使用java8 lambda简化代码逻辑,google的guava库等等

890
来自专栏java一日一条

Facebook移动架构:Android Flux架构详解

要为Android应用找到一个好的架构不是一件容易的事情。谷歌似乎不太在乎这个事情,因此在设计模式上,除了Activity 生命周期管理之外,再也没有官方的推荐...

561
来自专栏魏琼东

一步一步教你使用AgileEAS.NET基础类库进行应用开发-基础篇-涉及的数据定义

以往回顾       我在之前的文章中都着重从AgileEAS.NET平台的介绍和开发指南两方面入手,参看AgileEAS.NET应用开发平台-系列目录和Agi...

2038
来自专栏向治洪

为什么我们要使用ssh框架技术,及感想

前言:       在公司从C++转向Java Web方向大概有3个月(11月初-1月底)了。三个月前对Java和Web还几乎是零基础。然后从安装Eclipse...

2167
来自专栏程序人生 阅读快乐

Python核心编程(第3版)

《Python核心编程(第3版)》是经典畅销图书《Python核心编程(第二版)》的全新升级版本,总共分为3部分。第1部分为讲解了Python的一些通用应用,包...

842
来自专栏小巫技术博客

Android Junit单元测试-声明套件类

884
来自专栏诸葛青云的专栏

两个小巧好用的C语言编辑器

近期有一些新关注的伙伴在后台经常留言刚入门 C语言 我该选择什么 C语言 编辑器好呢?都说欲善其事必先利其器,网络上也有很多不同类型的编辑器,让人很难进行抉择!...

2680
来自专栏Crossin的编程教室

这个男人让你的爬虫开发效率提升8倍

他叫 Kenneth Reitz。现就职于知名云服务提供商 DigitalOcean,曾是云计算平台 Heroku 的 Python 架构师,目前 Github...

1233

扫码关注云+社区

领取腾讯云代金券