空學(xué)知識(shí)點(diǎn),顯得有點(diǎn)乏味,舉個(gè)例子:實(shí)現(xiàn)九九乘法表。
首先,更改下小程序的名字。
這里涉及到全局配置文件app.json。這里是一些全局的配置,方便其他頁面使用,我們要使用的是window標(biāo)簽下navigationBarTitleText,這里設(shè)置就更改小程序的名字了。

代碼如下:
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#000",
"navigationBarTitleText": "九九乘法表",
"navigationBarTextStyle": "white"
},
其次,我們寫一個(gè)頁面。
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
<view wx:if="{{i <= j}}">
{{i}} * {{j}} = {{i * j}}
</view>
</view>
</view>
這里用到的兩個(gè)點(diǎn),一個(gè)知識(shí)點(diǎn):wx:for,這是循環(huán),兩個(gè)表示兩層套用來實(shí)現(xiàn)這個(gè)九九乘法表,[1, 2, 3, 4, 5, 6, 7, 8, 9]是數(shù)組,默認(rèn)是index表示位置,item表示值,當(dāng)然這里設(shè)置了指定item,wx:for-item="i", 用i來表示item;wx:for-item="j",則用j來表示item。具體想了解更多wx:for的用法可以去看官方文檔,
另一個(gè)知識(shí)點(diǎn):wx:if,普通的判斷,如果i<=j,執(zhí)行下面的語句行,否則不執(zhí)行。
效果如下圖所示:

由于寫的demo比較多,這里的九九乘法表是單獨(dú)的一個(gè)頁面,運(yùn)行時(shí)為了看效果,直接打開這個(gè)頁面,請(qǐng)注意配置app.json這個(gè)文件:
1.page下增加一行, second是我新加的頁面
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/second/second"
],
2.設(shè)置入口文件路徑
"entryPagePath": "pages/second/second"
特別注意:我們app.json文件內(nèi)容用的JSON格式,JSON格式最大的優(yōu)點(diǎn)是易于人的閱讀和編寫,通常不需要特殊的工具,就能讀懂和修改,是一種輕量級(jí)的數(shù)據(jù)交換格式。
JSON文件都是被包裹在一個(gè)大括號(hào)中 {},通過key-value的方式來表達(dá)數(shù)據(jù)。
但是,編寫 JSON 的時(shí)候,忘了給 Key 值加雙引號(hào)或者是把雙引號(hào)寫成單引號(hào)是常見錯(cuò)誤。
另外,JSON的值只能是以下幾種數(shù)據(jù)格式:
數(shù)字,包含浮點(diǎn)數(shù)和整數(shù)
字符串,需要包裹在雙引號(hào)中
Bool值,true 或者 false
數(shù)組,需要包裹在方括號(hào)中 []
對(duì)象,需要包裹在大括號(hào)中 {}
Null
其他任何格式都會(huì)觸發(fā)報(bào)錯(cuò)。
最后還需要注意的是 JSON 文件中無法使用注釋,試圖添加注釋將會(huì)引發(fā)報(bào)錯(cuò)。
此九九表就這樣實(shí)現(xiàn)了。隨筆記錄,不喜勿噴。