开发微信小程序 中遇到的坑 及解决方法
1、wx.request 只能访问 https
解决: 新建项目 不填appid 即可访问 localhost
2、页面中多重三元表达式 解析有问题
解决:
<!--{{index}} {{(index==0)?"A":
(index==1)?"B":
(index==2)?"C":"D"}}-->
<block wx:if="{{index==0}}">A</block>
<block wx:elif="{{index==1}}">B</block>
<block wx:elif="{{index==2}}">C</block>
<block wx:else="{{index==3}}">D</block>
3、Page({data:{}}) 页面里 data 的值 可以通过 that.setData 设置 但是 怎么直接取出来 在 js 里面用呢
解决: 在page 之外定义全局变量 和page 内的data中的变量 一一对应 每次 赋初始值或者更改 先给全局变量赋值或者 做更改 然后把 更新后的全局变量赋值给 page 内 data 中 对应的变量 代码如下
var app=getApp();
var globalTestPaperID="",
globalTestPaperTitle="",
globalTestPaperNum="",
globalQuestionList=[],
globalQuestionIndex=0,
globalQuestion={},
// globalAnswerList={},
globalUserSelectAnswer={},
golbalUserSelectAnswerContent=""
Page({
data:{
testPaperID:"",
testPaperTitle:"",
testPaperNum:"",
questionListSize:0,
questionIndex:0,
question:{},
answerList:{},
userSelectAnswerContent:"" },
onReady:function(){},
onLoad:function(query)
{
var that=this;
console.log("testPaperTitle-->"+query.testPaperTitle);
console.log("testPaperID-->"+query.testPaperID);
console.log("testPaperOrderNum-->"+query.testPaperOrderNum);
globalTestPaperID=query.testPaperID
globalTestPaperTitle=query.testPaperTitle
globalTestPaperNum=query.testPaperOrderNum
that.setData({
// testPaperID:query.testPaperID,
// testPaperTitle:query.testPaperTitle,
// testPaperNum:query.testPaperOrderNum
testPaperID:globalTestPaperID,
testPaperTitle:globalTestPaperTitle,
testPaperNum:globalTestPaperNum
}),
4、关于布局 最好都用 flex 去布局
布局时的 尺寸 我用的是 px 和ps 里的设计图有差距 如果ps 里字号是 30px 小程序对应的大概是 15px; 其他单位 如 rpx rem 等 暂未做测试
5、form表单提交(发送模板消息),formId返回 the formId is a mock one;代码中绑定了appid
解决。在开发工具中无法获取这个formId,只能在手机上获取。(群里聊天搜集来的 待验证)
6、图片上传
开发微信小程序 中遇到的坑 及解决方法的更多相关文章
- 微信小程序中显示html富文本的方法
微信小程序中显示html富文本的方法 使用方法:git地址:https://github.com/icindy/wxParse 一.下载wxParse文件 二.在要引入的页面的js文件中,引入文件 j ...
- 开发微信小程序中SSL协议的申请、证书绑定、TLS 版本处理等
在上篇随笔<基于微信小程序的系统开发准备工作>介绍了开发微信小程序的一些前期的架构设计.技术路线 .工具准备等方面内容,本篇随笔继续这个步骤,逐步介绍我们实际开发过程中对SSL协议的申请及 ...
- 微信小程序中获取高度及设备的方法
由于js中可以采用操纵dom的方法来获取页面元素的高度,可是在微信小程序中不能操纵dom,经过查找之后发现仅仅只有以下几个方法可以获取到高度 wx.getSystemInfoSync().window ...
- 微信小程序https发起请求失败的解决方法
https://blog.csdn.net/yuhui123999/article/details/60572888 https://blog.csdn.net/yuhui123999/article ...
- 微信小程序访问豆瓣电影api400错误解决方法
最近在跟着demo学习微信小程序,却卡在了第一步请求豆瓣电影api上,折腾了很久,代码如下: wx.request({ url : "https://api.douban.com/v2/mo ...
- 全栈开发工程师微信小程序-中(下)
全栈开发工程师微信小程序-中(下) 微信小程序视图层 wxml用于描述页面的结构,wxss用于描述页面的样式,组件用于视图的基本组成单元. // 绑定数据 index.wxml <view> ...
- 全栈开发工程师微信小程序-中(中)
全栈开发工程师微信小程序-中(中) 开放能力 open-data 用于展示微信开放的数据 type 开放数据类型 open-gid 当 type="groupName" 时生效, ...
- 全栈开发工程师微信小程序-中
全栈开发工程师微信小程序-中 多媒体及其他的组件 navigator 页面链接 target 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgram url 当前小程序内的跳转链 ...
- 微信小程序中scroll-view的几个坑
微信小程序中scroll-view的几个坑 1:设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-fle ...
随机推荐
- C++11基于范围的for循环
C++11包含一种新的 for 循环,称为基于范围的 for 循环,可以简化对数组元素的遍历.格式如下: for(Type VarName : Array){ //每个元素的值会依次赋给 VarNam ...
- Apache Commons CLI官方文档翻译 —— 快速构建命令行启动模式
昨天通过几个小程序以及Hangout源码学习了CLI的基本使用,今天就来尝试翻译一下CLI的官方使用手册. 下面将会通过几个部分简单的介绍CLI在应用中的使用场景. 昨天已经联系过几个基本的命令行参数 ...
- HTTPS原理详解
HTTPS(全称:Hypertext Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版.即HTT ...
- Eclipse快捷键
http://www.blogjava.net/action/articles/17339.html http://blog.csdn.net/keenweiwei/article/details/3 ...
- openlayer 3 在layer上添加feature
首先获取layer的source,所以你的source里就先要有内容. vectorLayer.getSource().addFeature(iconFeature); 如果source里面没有定义过 ...
- angularJS——模块
一.在讲angularjs的模块之前,我们先介绍一下angular的一些知识点: AngularJS是纯客户端技术,完全用Javascript编写的.它使用的是网页开发的常规技术(HTML,CSS,J ...
- 接口测试之HTTP协议详解
引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷.快速的方式,适用于分布式超媒体信息系统.它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展.目前在WWW中使用的是HTTP/1. ...
- GreenDao关系建表
关系 在greenDAO,实体涉及使用一对一或一对多的关系.例如,如果要模拟一个1:greenDAOñ关系,你将有一个一对一和一对多的关系.但是,请注意,一对一和一对多的关系不是相互连接,所以你必须同 ...
- js爬虫
1.爬虫相关的包 (1)const request = require('superagent'); // 处理get post put delete head 请求 轻量接http请求库,模仿浏 ...
- 随机生成验证码import random
#!/usr/bin/env python import random temp = "" for i in range(6) : num = random.randrange(0 ...