微信小程序系列1——小程序組成

前言

??小程序有配置代碼JSON文件,模板代碼WXML文件、樣式代碼WXSS文件以及邏輯代碼JavaScript文件組成。

一、JSON配置

JSON在小程序中扮演一個靜態(tài)配置的角色。

先看一個例子,打開開發(fā)工具的編輯器,在根目錄下可以找到 app.json 文件,雙擊打開,代碼如下:

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

JSON文件都是被包裹在一個大括號中 {},通過key-value的方式來表達數(shù)據(jù)。

JSON的值只能是以下幾種數(shù)據(jù)格式:

  1. 數(shù)字,包含浮點數(shù)和整數(shù)
  2. 字符串,需要包裹在雙引號中
  3. Bool值,true 或者 false
  4. 數(shù)組,需要包裹在方括號中 []
  5. 對象,需要包裹在大括號中 {}
  6. Null

可以通過改變app.json來測試效果。

二、WXML

WXML全稱是WeiXin Markup Language,是小程序框架設(shè)計的一套標簽語言,結(jié)合小程序的基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。
WXML與Web開發(fā)中的HTML類似。為了更加適應(yīng)小程序開發(fā),WXML對HTML做了一些補充以及修改。

三、WXSS

WXSS(WeiXin Style Sheets)是一套用于小程序的樣式語言,用于描述WXML的組件樣式,也就是視覺上的效果。
WXSS與Web開發(fā)中的CSS類似。為了更適合小程序開發(fā),WXSS對CSS做了一些補充以及修改。

四、JavaScrip

小程序的主要開發(fā)語言是 JavaScript ,開發(fā)者使用 JavaScript 來開發(fā)業(yè)務(wù)邏輯以及調(diào)用小程序的 API 來完成業(yè)務(wù)需求。

繼續(xù)更新中……

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容