微信小程序-电影app程序遇到得问题
最近正在自学微信小程序,看了一些视频,做了一个关于电影app得小程序,遇到得一些问题跟大家来分享下:
1.想给页面一个背景色,当我们height设置为100%得时候,发现高度并没有起作用:这时我们只需把高度单位改成vh即可
eg: .content { background: #3A3A3A; min-height: 100vh; }
or:page{height:100%;} .content { background: #3A3A3A; min-height: 100%; }
or:page{ background:#3A3A3A; }
两种方法都可以,page为样式页面最顶级得,新版本中将此默认样式去掉,所以height:100%;失效,我们手动加上即可;
2.此程序引用得豆瓣得数据接口,但是写这篇文章得时候,豆瓣对接口做了限制,接口在小程序中一直403,因为我们主要是进行练习,所以我将数据存在本地来进行后期代码得编写,json数据怎样存在本地,我得解决方案是:
在utils里建了一个js文件,文件中创建一个函数,将json数据保存在函数里,并返回出去;(思想就是建立一个全局得js文件来保存一个全局得函数,此函数返回一个包含json数据得变量)
eg:
function json() { var json = { XXXX } return json} module.exports = { json: json }; (//记住将此函数exports出去)
var json = require("../../utils/json.js"); (//在需要引用此json数据得js文件里引入此函数,注意目录层级)
var subjects = json.json(); (subjects变量就为你需要得引用得json变量了,然后用setData({data:subjects})得方法更新页面数据)
3.在公共js即app.js里写公共函数时,在文件中调用此文件,也需重新写一个此函数,并通过getApp()进行调用
eg:在app.js里创建了一个detail:function(e){}函数,在需要调用此函数得js文件里detail:function(e){getApp().detail(e);}
注意:如果函数中用到关于e来调用某些数据时,记得调用此函数得js文件里一定也要写上e传递过去,当初就是调用时没有写e导致一直调取不到变量
(以上都是做东西时得总结,如有错误,欢迎指正)
转载于:https://www.cnblogs.com/znLam/p/8568057.html
微信小程序-电影app程序遇到得问题相关推荐
- 瑞萨单片机iap串口升级boot程序与app程序合并的工程构建-学习记录
MCU型号: R7F0C004 编辑软件:CS+ for CC boot区程序地址分配:0x0000-0x1ffff app区程序地址分配: 0x2000-0xfffff 复制一份常规的app程序,然 ...
- 微信小程序电影App实现导航和轮播
最终的目的: 底部:我们要搞好这样的底部要在app.json填写tabBar 在pages下面填写tabBar "tabBar": {"color": &quo ...
- 从一个程序员的角度看——微信小应用
前言: 最近初步了解了一下微信小应用,APP端的同事也非常感兴趣,于是在公司内部做了一个小小的分享,分享的过程中有很多讨论内容,大家也是非常感兴趣和有自己的看法,当时"混乱"的场面 ...
- 微信小程序这么火,到底会对C#开发者带来怎样的改变
在9月22日凌晨,微信公众平台开始陆续对外发出小程序的内测邀请,小程序也立即成为被外界广为关注的微信"应用号",9月23日的福州 2016腾讯全球合作伙伴大会上,腾讯COO.游戏和 ...
- 微信小程序参考文献(精选18篇)
[1]罗丹.基于微信小程序的大学选修课考勤签到系统设计与开发[J].电子制作,2020(01):71-72. [2]徐艳华.微信小程序在微机原理与接口技术课程中的应用研究[J].教育教学论坛,2020 ...
- IAP+APP程序拼接方法
IAP+APP程序拼接方法 前言 理解bin.hex.axf IAP+APP拼接方法 bin.hex文件互相转换 前言 不清楚什么是IAP的可以看下我的这篇博客STM32的ISP下载原理,里面介绍了I ...
- 微信小程热映电影导演等数据获取
微信小程热映电影导演等数据获取 微信小程电影数据读取与呈现 我们获取了豆瓣API的电影图片,现在我们重接口在获取导演,主角,电影名等数据. 获取导演,主角,电影名等数据我们要进行封装,就要定义一个数组 ...
- 剖析:谈谈微信小游戏的成功点
微信小游戏从<跳一跳>开始,很快在小程序领域占据了绝大部分的江山.现在微信上到处可见小游戏的身影. 大量开发者涌入微信小游戏,为微信生态.为微信小程序的生态增添了无数可能性.作为游戏开发者 ...
- 21小时精通微信小程序开发(仿猫眼电影App、微信小程序问答)
21小时精通微信小程序开发(仿猫眼电影App.微信小程序问答) 网盘地址:https://pan.baidu.com/s/1GTpPX4A1U-w_3i6k7lLztQ 密码: 5pcz 备用地址(腾 ...
最新文章
- 建立一个Web项目及一些错误解决办法
- malloc calloc realloc的对比
- 生产服务器环境最小化安装后Centos 6.5优化配置备忘
- 知识图谱实体链接:一份“由浅入深”的综述
- MySQL之innodb与myisam:锁 事务 外键 主键 存储结构 存储大小 索引 count 注重点
- 解决项目莫名奇妙的报错问题
- Qt实现多屏幕多分辨率自适应
- LeetCode 82. 删除排序链表中的重复元素 II(链表)
- redis-3.2.9安装
- 贺利坚老师汇编课程21笔记:用汇编语言写的源程序
- 开源代码审计工具备忘
- CRUISE软件测试工程师,CruiseControl.NET配置
- 联想重装系统去掉保护_联想电脑u盘重装系统被写保护怎么去掉
- 服务器外置硬盘的分区格式,MacBook下移动硬盘分区配置几种格式解决方案
- CICD篇-Travis-CI环境搭建
- 2020版熊猫金币解读及购买方式
- [vue-router] Named Route ‘Layout‘ has a default child route. When navigating to this named route (:t
- 【React】React 详细教程
- 计算机毕业设计,这6个网站早知道,太牛了
- 战地1修改服务器,战地1服务器设置教程