分析Android微信小程序開發(fā)的代碼構(gòu)成

這篇文章主要講解了“分析Android微信小程序開發(fā)的代碼構(gòu)成”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“分析Android微信小程序開發(fā)的代碼構(gòu)成”吧！

一　JSON配置文件

01, app.json 是當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時時間、底部 tab 等

02, page.json  頁面級別的配置

03,  project.config.json 工具配置，小程序開發(fā)者工具相關(guān)的配置屬性，沒太理解

二　　WXML模板　

類似HTML, 只是標(biāo)簽有所區(qū)別，小程序的 WXML 用的標(biāo)簽是 view, button, text 等等，這些標(biāo)簽就是小程序給開發(fā)者包裝好的基本能力，我們還提供了地圖、視頻、音頻等等組件能力。

ＷＸＭＬ只管展示，JS只管內(nèi)容，構(gòu)建MVVM開發(fā)模式，類似Vue的開發(fā)理念,比如引入某個字段

<text>{{msg}}</text>

JS 只需要管理狀態(tài)即可:

this.setData({ msg: "Hello World" })

通過 {{ }} 的語法把一個變量綁定到界面上，我們稱為數(shù)據(jù)綁定。僅僅通過數(shù)據(jù)綁定還不夠完整的描述狀態(tài)和界面的關(guān)系，還需要 if/else, for等控制能力，在小程序里邊，這些控制能力都用 wx: 開頭的屬性來表達(dá)

三 WXSS樣式

WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修

四 邏輯交互

在小程序里邊，我們就通過編寫 JS 腳本文件來處理用戶的操作。

<view>{{ msg }}</view><button bindtap="clickMe">點擊我</button>

點擊 button 按鈕的時候，我們希望把界面上 msg 顯示成 "Hello World"，于是我們在 button 上聲明一個屬性: bindtap ，在 JS 文件里邊聲明了 clickMe 方法來響應(yīng)這次點擊操作：

Page({
  clickMe: function() {
    this.setData({ msg: "Hello World" })
  }})

感謝各位的閱讀，以上就是“分析Android微信小程序開發(fā)的代碼構(gòu)成”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對分析Android微信小程序開發(fā)的代碼構(gòu)成這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！