文件结构概览

前言: 纸上得来终觉浅，绝知此事要躬行。避免看了就忘，特此记录加深印象也便于以后查看。

主文件

• app.js: 主脚本文件，可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。可以在此处调用各种API接口。API文档地址
• app.json:是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口�背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。
• app.wxss:是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

创建页面

1. 新建的页面需要放到pages文件夹中。
2. 微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。
3. 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。
   3.1 .js后缀的文件是脚本文件，
   3.2 .json后缀的文件是配置文件，
   3.3 .wxss后缀的是样式表文件，
   3.3 .wxml后缀的文件是页面结构文件。

如下图：

图片.png

每日一坑

我们知道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})
       }
     })
   },