前言: 紙上得來終覺淺亮航,絕知此事要躬行同辣。避免看了就忘拷姿,特此記錄加深印象也便于以后查看。
主文件
- app.js: 主腳本文件旱函,可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)响巢、聲明全局變量《妇耍可以在此處調(diào)用各種API接口抵乓。API文檔地址
- app.json:是對(duì)整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置小程序是由哪些頁面組成靶衍,配置小程序的窗口?背景色灾炭,配置導(dǎo)航條樣式,配置默認(rèn)標(biāo)題颅眶。注意該文件不可添加任何注釋蜈出。
- app.wxss:是整個(gè)小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則涛酗。
創(chuàng)建頁面
- 新建的頁面需要放到pages文件夾中铡原。
- 微信小程序中的每一個(gè)頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個(gè)頁面是小程序的首頁商叹。
- 每一個(gè)小程序頁面是由同路徑下同名的四個(gè)不同后綴文件的組成燕刻,如:index.js、index.wxml剖笙、index.wxss卵洗、index.json。
3.1 .js后綴的文件是腳本文件弥咪,
3.2 .json后綴的文件是配置文件过蹂,
3.3 .wxss后綴的是樣式表文件十绑,
3.3 .wxml后綴的文件是頁面結(jié)構(gòu)文件。
如下圖:
每日一坑
我們知道this.setData這個(gè)函數(shù)可以將數(shù)據(jù)從邏輯層發(fā)送到數(shù)據(jù)層,同時(shí)還可以改變this.data的值,但是在
處理網(wǎng)絡(luò)返回?cái)?shù)據(jù)時(shí)酷勺,不能直接使用this本橙。 要事先定義一個(gè)this的代理。 比如:const self=this 否則會(huì)一直報(bào)
this.setdata is not a function 的錯(cuò)誤(搞了一晚上脆诉,囧……)
congratulationTap: function(event) {
var that = this;
wx.chooseImage({
count: 1, // 默認(rèn)9
sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖甚亭,默認(rèn)二者都有
sourceType: ['album', 'camera'], // 可以指定來源是相冊(cè)還是相機(jī),默認(rèn)二者都有
success: function (res) {
// 返回選定照片的本地文件路徑列表库说,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
var tempFilePaths = res.tempFilePaths;
that.setData({ imagePath: tempFilePaths})
}
})
},