不卡AV在线|网页在线观看无码高清|亚洲国产亚洲国产|国产伦精品一区二区三区免费视频

學(xué)習(xí)啦>新聞資訊>學(xué)習(xí)資訊>

微信小程序如何開發(fā)入門的知識(shí)

時(shí)間: 學(xué)良775 分享

  微信小程序在2016年9月21日邀請(qǐng)內(nèi)測(cè),對(duì)于微信小程序開發(fā)入門知識(shí)你是否有些了解呢?這里是開發(fā)的一些入門知識(shí)。小編精心收集了微信小程序如何開發(fā)入門,微信小程序開發(fā)入門知識(shí),供大家欣賞學(xué)習(xí)!

  微信小程序開發(fā)入門知識(shí)

  當(dāng)你準(zhǔn)備開發(fā)一個(gè)微信小程序的時(shí)候,你首先需要一個(gè)小程序的 APPId ,在微信公眾號(hào)官網(wǎng)可以獲得。(暫時(shí)只有官方邀請(qǐng)的才可以獲得)。

  你還需要準(zhǔn)備微信開發(fā)者工具,官網(wǎng)同樣有下載,下載安裝即可,支持windows,linux,和MAC平臺(tái)。

  小程序使用的微信自己開發(fā) MINA 框架,提供了視圖層描述語言,WXML 和 WXSS 以及基于JavaScript的邏輯層框架,并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng),可以讓開發(fā)者可以方便的聚焦于數(shù)據(jù)與邏輯上。

  打開的時(shí)候會(huì)自動(dòng)提示創(chuàng)建一個(gè)demo,demo結(jié)構(gòu)文件樹如下:

  其中app.js、app.json、app.wxss 是必不可少的,是小程序生成的依賴文件。

  app.js 監(jiān)聽并控制這整個(gè)程序的生命周期,也是全局變量聲明的地方。如下是 app.js 中的一段代碼:

  上述代碼中的一些 API 介紹:

  App : 注冊(cè)一個(gè)小程序

  onLunch :程序加載時(shí)執(zhí)行的方法

  getStorageSync:以同步的方式獲取本地緩存

  setStorageSync:設(shè)置緩存

  wx.getUserInfo: 獲取用戶信息

  app.json 是對(duì)整個(gè)小程序的全局配置。不可注釋。

  pages為注冊(cè)頁面的列表,均為相對(duì)路徑,省去了后綴名,程序默認(rèn)顯示列表第一個(gè)。

  app.wxss 是整個(gè)小程序的公共樣式表。

  其中:

  apx 是尺寸單位,可根據(jù)屏幕寬度自適應(yīng)大小。與之對(duì)應(yīng)的有rem:規(guī)定屏幕寬度為20rem;1rem = (750/20)rpx 。

  全局文件就這些,然后我們看 index 文件中的內(nèi)容

  有三部分內(nèi)容,index.js ,index.wxml ,index.wxss,下面介紹它們的作用。

  index.wxml 文件

  這是一個(gè)展示頁面,作用于html相同??梢钥闯?,內(nèi)容分塊均采用 view 標(biāo)簽,這也很容易讓人想到Android 中的布局,但其實(shí)只是更多的是 div 標(biāo)簽的另一個(gè)版本,在這里面有很多 MINA 自定義的屬性,而且在我們?cè)谄渲幸部吹搅藍(lán){ }}樣式的值操作,這也很容易讓人聯(lián)想到 angularJS 中的數(shù)據(jù)雙向綁定,在 MINA 中也是支持的。

  同時(shí),頁面的展示,均需要在小程序全局的json配置文件中配置,前面已有說明。

  index.js 文件

  其中:

  getApp() 獲取應(yīng)用實(shí)例

  Page : 聲明頁面。

  data: 定義數(shù)據(jù)

  bindViewTap :為在view中綁定的是tap事件定義操作方法。

  wx.navigateTo :導(dǎo)航到響應(yīng)頁面。

  onLoad : 定義頁面加載時(shí)的事件。在這里使用了在全局 app.js 中定義的回調(diào)函數(shù),將data中的數(shù)據(jù)更新,由于雙向的綁定,頁面中的 userInfo 實(shí)例也會(huì)更新,顯示出您的頭像和昵稱。

  index.wxss 中同樣定義了一些樣式,寫法思路與css文件基本一致,只是不需要再去關(guān)心屏幕適配問題。

  隨后就是效果展示了,在開發(fā)者工具中掃碼即可查看效果。
看過微信小程序如何開發(fā)入門的人還看了:

1.微信小程序開發(fā)教程視頻

2.小程序可以做什么

3.微信小程序web開發(fā)工具下載地址

4.微信小程序是什么東西

5.怎樣注冊(cè)微信公眾號(hào)小程序

微信小程序如何開發(fā)入門的知識(shí)

微信小程序在2016年9月21日邀請(qǐng)內(nèi)測(cè),對(duì)于微信小程序開發(fā)入門知識(shí)你是否有些了解呢?這里是開發(fā)的一些入門知識(shí)。小編精心收集了微信小程序如何開發(fā)入門,微信小程序開發(fā)入門知識(shí),供大家欣賞學(xué)習(xí)! 微信小程序開發(fā)入門知識(shí) 當(dāng)你準(zhǔn)備開發(fā)一
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

精選文章

  • 微信小程序上線公測(cè)時(shí)間是什么時(shí)候
    微信小程序上線公測(cè)時(shí)間是什么時(shí)候

    微信小程序,簡(jiǎn)稱CX,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用觸手可及的夢(mèng)想,用戶掃一掃或搜一下即可打開應(yīng)用。那么微信小程序上線時(shí)

  • 2370035