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

前言

  小程序有配置代碼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的值只能是以下幾種數據格式:

  1. 數字,包含浮點數和整數
  2. 字符串,需要包裹在雙引號中
  3. Bool值,true 或者 false
  4. 數組,需要包裹在方括號中 []
  5. 對象,需要包裹在大括號中 {}
  6. 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 來完成業務需求。

繼續更新中……

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章