20210505微信開發小程序入門（開發平台介紹、組成）

                   微信開發小程序平台介紹及組成介紹

                 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: "點擊我出發點擊事件"})

　　　　　　　　　　　　　　}

 　　　　　　})