前言
小程序有配置代碼JSON文件,模板代碼WXML文件、樣式代碼WXSS文件以及邏輯代碼JavaScript文件組成。
一、JSON配置
JSON在小程序中扮演一個靜態配置的角色。
先看一個例子,打開開發工具的編輯器,在根目錄下可以找到 app.json 文件,雙擊打開,代碼如下:
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
JSON文件都是被包裹在一個大括號中 {},通過key-value的方式來表達數據。
JSON的值只能是以下幾種數據格式:
- 數字,包含浮點數和整數
- 字符串,需要包裹在雙引號中
- Bool值,true 或者 false
- 數組,需要包裹在方括號中 []
- 對象,需要包裹在大括號中 {}
- Null
可以通過改變app.json來測試效果。
二、WXML
WXML全稱是WeiXin Markup Language,是小程序框架設計的一套標籤語言,結合小程序的基礎組件、事件系統,可以構建出頁面的結構。
WXML與Web開發中的HTML類似。爲了更加適應小程序開發,WXML對HTML做了一些補充以及修改。
三、WXSS
WXSS(WeiXin Style Sheets)是一套用於小程序的樣式語言,用於描述WXML的組件樣式,也就是視覺上的效果。
WXSS與Web開發中的CSS類似。爲了更適合小程序開發,WXSS對CSS做了一些補充以及修改。
四、JavaScrip
小程序的主要開發語言是 JavaScript ,開發者使用 JavaScript 來開發業務邏輯以及調用小程序的 API 來完成業務需求。
繼續更新中……