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 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
* 问题原因:TypeError: Cannot read property 'MaxRequestConcurrent' of undefined
* 解决方案:渲染数据的时候增加属性wx:key,一般跟着wx:fo属性后面,两个方法,[官方文档有公示](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html?t=1477656501986)
* wx:key="*this" (上次Bug因为用了this,之后入坑了,
key设置this的状态应该是场景数据交互只需要请求一次的情况,一般我们常用是下面的property)
* wx:key="property" 循环的item里面其中一个属性名字(需要属性名字的值是唯一性,不然会引起一些不会响应的错误!!!)
* 公测了,有认证号的可以再微信后台服务器设置那边设置请求接口,获取ID,在手机体验一下
* 可以再手机做静态页面展示 或者拉取数据本地化 弄一个appleID 就可以展示了
## DEMO (前方gif图高能预警,需等待,等待!!)
![](https://github.com/web-Marker/wechat-Development/raw/master/image/3.gif)
![](https://github.com/web-Marker/wechat-Development/raw/master/image/4.gif)
![](https://github.com/web-Marker/wechat-Development/raw/master/image/5.gif)
## 有问题加我微信
![](https://github.com/web-Marker/wechat-Development/blob/master/image/code.png)
## 遇到坑(虽然之前有人说过,还是重新一下)
* 好像没有自定义组件的机制~~
* 没有热更新
* 修改代码即时同步问题
* 一些组件样式不能扩展(这个可能以后公测的时候会放出来)
没有合适的资源?快使用搜索试试~ 我知道了~
【小程序素材】芒果TV.zip
共44个文件
png:12个
js:8个
gif:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 159 浏览量
2024-03-21
13:51:20
上传
评论
收藏 12.31MB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
【小程序素材】芒果TV.zip (44个子文件)
芒果TV
wechat-Development-master
pages
Play
play.wxml 586B
play.wxss 182B
play.js 521B
index.wxml 2KB
trump
trump.wxml 1KB
trump.wxss 1KB
trump.js 1KB
my
my.wxml 316B
my.wxss 266B
my.js 816B
search
search.wxss 3KB
search.js 2KB
search.wxml 392B
index.js 4KB
index.wxss 4KB
app.json 1KB
app.js 545B
image
ssselect.png 5KB
icon1.png 2KB
loading.gif 46KB
hc.png 5KB
hcselect.png 4KB
my.png 5KB
5.gif 3MB
wpselect.png 6KB
ss.png 5KB
jxselect.png 6KB
code.png 250KB
wp.png 6KB
jx.png 5KB
myselect.png 5KB
3.gif 2.62MB
4.gif 379KB
LICENSE 1KB
app.wxss 595B
package.json 535B
common
template.wxml 4KB
Datas
es6-promise.js 28KB
mgtv.js 804B
demo.html 2KB
README.md 3KB
3 (1).gif 2.62MB
5.gif 3MB
4.gif 379KB
共 44 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6183
- 资源: 4168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功