空學(xué)知識點(diǎn)绿聘,顯得有點(diǎn)乏味,舉個例子:實(shí)現(xiàn)九九乘法表次舌。
首先熄攘,更改下小程序的名字。
這里涉及到全局配置文件app.json彼念。這里是一些全局的配置挪圾,方便其他頁面使用,我們要使用的是window標(biāo)簽下navigationBarTitleText逐沙,這里設(shè)置就更改小程序的名字了哲思。
代碼如下:
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#000",
"navigationBarTitleText": "九九乘法表",
"navigationBarTextStyle": "white"
},
其次,我們寫一個頁面吩案。
<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>
這里用到的兩個點(diǎn)棚赔,一個知識點(diǎn):wx:for,這是循環(huán)徘郭,兩個表示兩層套用來實(shí)現(xiàn)這個九九乘法表靠益,[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的用法可以去看官方文檔,
另一個知識點(diǎn):wx:if眶痰,普通的判斷瘤旨,如果i<=j,執(zhí)行下面的語句行凛驮,否則不執(zhí)行裆站。
效果如下圖所示:
由于寫的demo比較多,這里的九九乘法表是單獨(dú)的一個頁面黔夭,運(yùn)行時為了看效果宏胯,直接打開這個頁面,請注意配置app.json這個文件:
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)是易于人的閱讀和編寫肩袍,通常不需要特殊的工具,就能讀懂和修改婚惫,是一種輕量級的數(shù)據(jù)交換格式氛赐。
JSON文件都是被包裹在一個大括號中 {},通過key-value的方式來表達(dá)數(shù)據(jù)先舷。
但是艰管,編寫 JSON 的時候,忘了給 Key 值加雙引號或者是把雙引號寫成單引號是常見錯誤蒋川。
另外牲芋,JSON的值只能是以下幾種數(shù)據(jù)格式:
數(shù)字,包含浮點(diǎn)數(shù)和整數(shù)
字符串捺球,需要包裹在雙引號中
Bool值缸浦,true 或者 false
數(shù)組,需要包裹在方括號中 []
對象氮兵,需要包裹在大括號中 {}
Null
其他任何格式都會觸發(fā)報(bào)錯裂逐。
最后還需要注意的是 JSON 文件中無法使用注釋,試圖添加注釋將會引發(fā)報(bào)錯泣栈。
此九九表就這樣實(shí)現(xiàn)了卜高。隨筆記錄,不喜勿噴南片。