最近正在自学微信小程序,看了一些视频,做了一个关于电影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程序遇到得问题相关推荐

  1. 瑞萨单片机iap串口升级boot程序与app程序合并的工程构建-学习记录

    MCU型号: R7F0C004 编辑软件:CS+ for CC boot区程序地址分配:0x0000-0x1ffff app区程序地址分配: 0x2000-0xfffff 复制一份常规的app程序,然 ...

  2. 微信小程序电影App实现导航和轮播

    最终的目的: 底部:我们要搞好这样的底部要在app.json填写tabBar 在pages下面填写tabBar "tabBar": {"color": &quo ...

  3. 从一个程序员的角度看——微信小应用

    前言: 最近初步了解了一下微信小应用,APP端的同事也非常感兴趣,于是在公司内部做了一个小小的分享,分享的过程中有很多讨论内容,大家也是非常感兴趣和有自己的看法,当时"混乱"的场面 ...

  4. 微信小程序这么火,到底会对C#开发者带来怎样的改变

    在9月22日凌晨,微信公众平台开始陆续对外发出小程序的内测邀请,小程序也立即成为被外界广为关注的微信"应用号",9月23日的福州 2016腾讯全球合作伙伴大会上,腾讯COO.游戏和 ...

  5. 微信小程序参考文献(精选18篇)

    [1]罗丹.基于微信小程序的大学选修课考勤签到系统设计与开发[J].电子制作,2020(01):71-72. [2]徐艳华.微信小程序在微机原理与接口技术课程中的应用研究[J].教育教学论坛,2020 ...

  6. IAP+APP程序拼接方法

    IAP+APP程序拼接方法 前言 理解bin.hex.axf IAP+APP拼接方法 bin.hex文件互相转换 前言 不清楚什么是IAP的可以看下我的这篇博客STM32的ISP下载原理,里面介绍了I ...

  7. 微信小程热映电影导演等数据获取

    微信小程热映电影导演等数据获取 微信小程电影数据读取与呈现 我们获取了豆瓣API的电影图片,现在我们重接口在获取导演,主角,电影名等数据. 获取导演,主角,电影名等数据我们要进行封装,就要定义一个数组 ...

  8. 剖析:谈谈微信小游戏的成功点

    微信小游戏从<跳一跳>开始,很快在小程序领域占据了绝大部分的江山.现在微信上到处可见小游戏的身影. 大量开发者涌入微信小游戏,为微信生态.为微信小程序的生态增添了无数可能性.作为游戏开发者 ...

  9. 21小时精通微信小程序开发(仿猫眼电影App、微信小程序问答)

    21小时精通微信小程序开发(仿猫眼电影App.微信小程序问答) 网盘地址:https://pan.baidu.com/s/1GTpPX4A1U-w_3i6k7lLztQ 密码: 5pcz 备用地址(腾 ...

最新文章

  1. 建立一个Web项目及一些错误解决办法
  2. malloc calloc realloc的对比
  3. 生产服务器环境最小化安装后Centos 6.5优化配置备忘
  4. 知识图谱实体链接:一份“由浅入深”的综述
  5. MySQL之innodb与myisam:锁 事务 外键 主键 存储结构 存储大小 索引 count 注重点
  6. 解决项目莫名奇妙的报错问题
  7. Qt实现多屏幕多分辨率自适应
  8. LeetCode 82. 删除排序链表中的重复元素 II(链表)
  9. redis-3.2.9安装
  10. 贺利坚老师汇编课程21笔记:用汇编语言写的源程序
  11. 开源代码审计工具备忘
  12. CRUISE软件测试工程师,CruiseControl.NET配置
  13. 联想重装系统去掉保护_联想电脑u盘重装系统被写保护怎么去掉
  14. 服务器外置硬盘的分区格式,MacBook下移动硬盘分区配置几种格式解决方案
  15. CICD篇-Travis-CI环境搭建
  16. 2020版熊猫金币解读及购买方式
  17. [vue-router] Named Route ‘Layout‘ has a default child route. When navigating to this named route (:t
  18. 【React】React 详细教程
  19. 计算机毕业设计,这6个网站早知道,太牛了
  20. 战地1修改服务器,战地1服务器设置教程

热门文章

  1. Floyd-Warshall算法详解(转)
  2. 网络运维与安全岗位月薪2.5w,您还不知道的前景!
  3. 对接商汤摄像头详细步骤
  4. html评价标准展示,网页设计评分标准.doc
  5. C#数据结构:两栈实现队列,两队列实现栈
  6. MATLAB之绘图基础
  7. 立方体图片的在线绘制与制作
  8. 如何制作抖音卡点视频,使用预设制作酷炫转场
  9. 鸿蒙生态菁英难,重磅!华为联合西工大开设“鸿蒙生态菁英班”!
  10. HLK-B36 WIFI/BLE 二合一透传沙雕按键说明