這篇文章主要講解了“分析Android微信小程序開發(fā)的代碼構(gòu)成”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“分析Android微信小程序開發(fā)的代碼構(gòu)成”吧!
創(chuàng)新互聯(lián)建站:自2013年起為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù),為成百上千家公司企業(yè)提供了專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站推廣服務(wù), 按需求定制設(shè)計(jì)由設(shè)計(jì)師親自精心設(shè)計(jì),設(shè)計(jì)的效果完全按照客戶的要求,并適當(dāng)?shù)奶岢龊侠淼慕ㄗh,擁有的視覺效果,策劃師分析客戶的同行競(jìng)爭(zhēng)對(duì)手,根據(jù)客戶的實(shí)際情況給出合理的網(wǎng)站構(gòu)架,制作客戶同行業(yè)具有領(lǐng)先地位的。一 JSON配置文件
01, app.json 是當(dāng)前小程序的全局配置,包括了小程序的所有頁(yè)面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等
02, page.json 頁(yè)面級(jí)別的配置
03, project.config.json 工具配置,小程序開發(fā)者工具相關(guān)的配置屬性,沒太理解
二 WXML模板
類似HTML, 只是標(biāo)簽有所區(qū)別,小程序的 WXML
用的標(biāo)簽是 view
, button
, text
等等,這些標(biāo)簽就是小程序給開發(fā)者包裝好的基本能力,我們還提供了地圖、視頻、音頻等等組件能力。
WXML只管展示,JS只管內(nèi)容,構(gòu)建MVVM開發(fā)模式,類似Vue的開發(fā)理念,比如引入某個(gè)字段
{{msg}}
JS 只需要管理狀態(tài)即可:
this.setData({ msg: "Hello World" })
通過 {{ }} 的語法把一個(gè)變量綁定到界面上,我們稱為數(shù)據(jù)綁定。僅僅通過數(shù)據(jù)綁定還不夠完整的描述狀態(tài)和界面的關(guān)系,還需要 if
/else
, for
等控制能力,在小程序里邊,這些控制能力都用 wx:
開頭的屬性來表達(dá)
三 WXSS樣式
WXSS
具有 CSS
大部分的特性,小程序在 WXSS
也做了一些擴(kuò)充和修
四 邏輯交互
在小程序里邊,我們就通過編寫 JS
腳本文件來處理用戶的操作。
{{ msg }}
點(diǎn)擊 button
按鈕的時(shí)候,我們希望把界面上 msg
顯示成 "Hello World"
,于是我們?cè)?nbsp;button
上聲明一個(gè)屬性: bindtap
,在 JS 文件里邊聲明了 clickMe
方法來響應(yīng)這次點(diǎn)擊操作:
Page({ clickMe: function() { this.setData({ msg: "Hello World" }) }})
感謝各位的閱讀,以上就是“分析Android微信小程序開發(fā)的代碼構(gòu)成”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)分析Android微信小程序開發(fā)的代碼構(gòu)成這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!