推薦文章
關(guān)于微信小程序開發(fā)教程,主題邦科技跟大家分享過微信小程序JSON配置、WXSS 樣式等開發(fā)教程,接下來要給大家分享的是小程序開發(fā)JS 交互邏輯詳解。
一個服務(wù)僅僅只有界面展示是不夠的,還需要和用戶做交互:響應(yīng)用戶的點(diǎn)擊、獲取用戶的位置等等。在小程序里邊,通過編寫 JS 腳本文件來處理用戶的操作。
<view>{{ msg }}</view>
<button bindtap="clickMe">點(diǎn)擊我</button>
點(diǎn)擊 button 按鈕的時候,我們希望把界面上 msg 顯示成 "Hello World",于是我們在 button 上聲明一個屬性: bindtap ,在 JS 文件里邊聲明了 clickMe 方法來響應(yīng)這次點(diǎn)擊操作:
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
響應(yīng)用戶的操作就是這么簡單。
此外你還可以在 JS 中調(diào)用小程序提供的豐富的 API,利用這些 API 可以很方便的調(diào)起微信提供的能力,例如獲取用戶信息、本地存儲、微信支付等。在前邊的 QuickStart 例子中,在 pages/index/index.js 就調(diào)用了 wx.getUserInfo 獲取微信用戶的頭像和昵稱,最后通過 setData 把獲取到的信息顯示到界面上。
主題邦科技——靠譜的技術(shù)伙伴,為企業(yè)提供一站式技術(shù)服務(wù)。主要業(yè)務(wù)范圍有:APP開發(fā)、小程序開發(fā)、微信開發(fā)、電商系統(tǒng)開發(fā)、物聯(lián)網(wǎng)(IOT)開發(fā)等互聯(lián)網(wǎng)+領(lǐng)域。
小程序api:www.litwuoo.com/article_291.html
微信小程序申請:www.litwuoo.com/article_298.html
推薦文章