上篇文章中講到，小程序有兩種配置文件，本別針對(duì)的是小程序全體和單獨(dú)的頁(yè)面，本文從形式和內(nèi)容兩個(gè)方面來(lái)解析小程序中的配置文件。

形式

從配置文件的擴(kuò)展名json可以知道配置文件的格式是JSON（JavaScriptObjectNotation,JavaScrit對(duì)象表示法)，可以簡(jiǎn)單的理解：它是一種數(shù)據(jù)格式，是為了解決XML過(guò)于繁瑣，冗長(zhǎng)的問(wèn)題而出現(xiàn)的。

JSON可以表達(dá)的以下三種類(lèi)型的值：簡(jiǎn)單值，對(duì)象和數(shù)組。

簡(jiǎn)單值

例如：5，"Hello world!" 等本別表示數(shù)值和字符串。

對(duì)象

以一個(gè)人為例說(shuō)明對(duì)象的表現(xiàn)形式。

{

????“name”：“小陳”，

??? “age”：20，

}

最外層是方括號(hào)，內(nèi)部是屬性的列舉。趨勢(shì)屬性的形式為“屬性名”：屬性值。注意屬性名必須被雙引號(hào)包圍。

當(dāng)然屬性值本身也可以是對(duì)象，例如

{

????“name”：“小陳”，

??? “age”：20，

??? "weight":{

????????"unit":"kg",

??????? "value":70

???? }

}

數(shù)組

數(shù)組就是對(duì)象和簡(jiǎn)單值的結(jié)合，形式為

[

??? 元素1，

????元素2，

??? 。。。

????

]

元素可以是簡(jiǎn)單值，對(duì)象或者是另外一個(gè)數(shù)組。

內(nèi)容

在HelloWorld中出現(xiàn)了兩個(gè)配置文件，我們一個(gè)一個(gè)看。

小程序全體的配置文件

{
? "pages":[
??? "pages/index/index",
??? "pages/logs/logs"
? ],
? "window":{
??? "backgroundTextStyle":"light",
??? "navigationBarBackgroundColor": "#fff",
??? "navigationBarTitleText": "WeChat",
??? "navigationBarTextStyle":"black"
? }
}

文件全體是一個(gè)對(duì)象，它有兩個(gè)屬性：“pages”和"window"。其中“pages”的屬性值是一個(gè)數(shù)組，分別是指向目錄index和和logs；而"window"的屬性值是一個(gè)對(duì)象，分別指定了"backgroundTextStyle"，"navigationBarBackgroundColor"， "navigationBarTitleText"， "navigationBarTextStyle"等四個(gè)屬性。

log頁(yè)面的配置文件

{
??? "navigationBarTitleText": "查看啟動(dòng)日志"
}

很簡(jiǎn)單，是一個(gè)指定了"navigationBarTitleText"屬性的對(duì)象。

參考資料

當(dāng)然，微信小程序中可以設(shè)定的遠(yuǎn)遠(yuǎn)不止上面提到的這些，具體信息請(qǐng)參考以下的小程序開(kāi)發(fā)文檔。

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

寫(xiě)在文章的最后

既然已經(jīng)讀到這里了，拜托大家再用一分鐘時(shí)間，將文章轉(zhuǎn)發(fā)到各位的朋友圈，微信群中。本公眾號(hào)的成長(zhǎng)需要您的支持！ 閱讀更多更新文章，請(qǐng)掃描下面二維碼，關(guān)注微信公眾號(hào)【面向?qū)ο笏伎肌?