前言: 纸上得来终觉浅,绝知此事要躬行。避免看了就忘,特此记录加深印象也便于以后查看。
主文件
- app.js: 主脚本文件,可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。可以在此处调用各种API接口。API文档地址
- app.json:是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口�背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。
- app.wxss:是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
创建页面
- 新建的页面需要放到pages文件夹中。
- 微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。
- 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。
3.1 .js后缀的文件是脚本文件,
3.2 .json后缀的文件是配置文件,
3.3 .wxss后缀的是样式表文件,
3.3 .wxml后缀的文件是页面结构文件。
如下图:
每日一坑
我们知道this.setData这个函数可以将数据从逻辑层发送到数据层,同时还可以改变this.data的值,但是在
处理网络返回数据时,不能直接使用this。 要事先定义一个this的代理。 比如:const self=this 否则会一直报
this.setdata is not a function 的错误(搞了一晚上,囧……)
congratulationTap: function(event) {
var that = this;
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths;
that.setData({ imagePath: tempFilePaths})
}
})
},