關(guān)于微信小程序開(kāi)發(fā)教程，邁特科技跟大家分享過(guò)微信小程序JSON配置、WXSS 樣式等開(kāi)發(fā)教程，接下來(lái)要給大家分享的是小程序開(kāi)發(fā)JS 交互邏輯詳解。

一個(gè)服務(wù)僅僅只有界面展示是不夠的，還需要和用戶(hù)做交互：響應(yīng)用戶(hù)的點(diǎn)擊、獲取用戶(hù)的位置等等。在小程序里邊，通過(guò)編寫(xiě) JS 腳本文件來(lái)處理用戶(hù)的操作。

<view>{{ msg }}</view>

<button bindtap="clickMe">點(diǎn)擊我</button>

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

Page({

  clickMe: function() {

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

  }

})

響應(yīng)用戶(hù)的操作就是這么簡(jiǎn)單。

此外你還可以在 JS 中調(diào)用小程序提供的豐富的 API，利用這些 API 可以很方便的調(diào)起微信提供的能力，例如獲取用戶(hù)信息、本地存儲(chǔ)、微信支付等。在前邊的 QuickStart 例子中，在 pages/index/index.js 就調(diào)用了 wx.getUserInfo 獲取微信用戶(hù)的頭像和昵稱(chēng)，最后通過(guò) setData 把獲取到的信息顯示到界面上。

邁特科技——靠譜的技術(shù)伙伴，為企業(yè)提供一站式技術(shù)服務(wù)。主要業(yè)務(wù)范圍有：APP開(kāi)發(fā)、小程序開(kāi)發(fā)、微信開(kāi)發(fā)、電商系統(tǒng)開(kāi)發(fā)、物聯(lián)網(wǎng)（IOT）開(kāi)發(fā)等互聯(lián)網(wǎng)+領(lǐng)域。

小程序開(kāi)發(fā)：m.xbsmn.cn

小程序api：m.xbsmn.cn/article_291.html

微信小程序申請(qǐng)：m.xbsmn.cn/article_298.html