微信開發小程式平臺介紹及組成介紹
2021年5月5日，在圖書館學習微信小程式開發，記錄入門的幾項內容，組成成分及各組成成分的具體作用，希望對讀者可以有所幫助，同進步，共勉之！
微信小程式開發平臺由json（組態檔）、WXML（模板檔案）、WXSS（樣式檔案）及JS（邏輯檔案）4部分組成，現對以上4種檔案介紹如下：
一、組成
1、json 組態檔
1）app.json：
①pages 當前小程式頁面所有的路徑，
②window 所有頁面的頂部背景顏色，文字顏色等，
2）project config.json：工具上任何配置都寫入這個檔案，編輯器顏色 代碼上傳時自動壓縮等，
3）page.json：覆寫app.json 的屬性及下拉重繪，
4）json的語法：
①檔案包裹在{{ }} 中，key-value 的形式表達，key在雙引號中，
②資料格式：
⑴數字： 浮點 、整數
⑵陣列 ： 在[ ]中
⑶Bool： true、flase
⑷物件 { }
⑸ Null
2、WXML 模板檔案
1）標簽： ①view ②button ③text
2）{{運算式}} eg:① <text>{{msg}}<text>
3）wx:if
3、WXSS 樣式檔案
1）尺寸單位： rpx (respone pixel) 1rpx=0.5px=1物理像素
2）引入樣式： import "*.wxss"; 分號結束
3）選擇器：① 類 .class ② id # ③ element view組件
4）::after 在view 后插入內容 ::before 在view前插入內容
4、js 邏輯互動檔案
eg:
WXML層：
<view>{{msg}}</view>
<button bindtap="clickMe">點擊我</button>
JS層：
page({
clickMe: function(){
this.setData({msg: "點擊我出發點擊事件"})
}
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/282870.html
標籤：其他
上一篇：20210505微信開發小程式入門（開發平臺介紹、組成）
下一篇：Android okhttp使用