微信小程序如何開發(fā)入門的知識(shí)
微信小程序在2016年9月21日邀請內(nèi)測，對于微信小程序開發(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í)只有官方邀請的才可以獲得)。
你還需要準(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 : 注冊一個(gè)小程序
onLunch :程序加載時(shí)執(zhí)行的方法
getStorageSync：以同步的方式獲取本地緩存
setStorageSync：設(shè)置緩存
wx.getUserInfo: 獲取用戶信息
app.json 是對整個(gè)小程序的全局配置。不可注釋。
pages為注冊頁面的列表，均為相對路徑，省去了后綴名，程序默認(rèn)顯示列表第一個(gè)。
app.wxss 是整個(gè)小程序的公共樣式表。
其中：
apx 是尺寸單位，可根據(jù)屏幕寬度自適應(yīng)大小。與之對應(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 自定義的屬性，而且在我們在其中也看到了{(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ā)入門的人還看了：
2.小程序可以做什么
微信小程序如何開發(fā)入門的知識(shí)
