小程序Q&A

環境準備

公司開發，去註冊一個小程序便可，把支付的接口都申請好，而後去下一個開發環境便可。

知識準備

一點前端知識，若是搞過MVVM模型，概念上比較容易接受。

QA

一般一個UI框架，就那麼幾個問題須要注意

基本結構

一個頁面基本由4個文件組成

• js : 能夠理解爲controller，裏面除了定義本身的函數，還有一些生命週期的回調函數入口，管理頁面的狀態
• json : 配置文件，背景色，是否容許下拉刷新等
• wxml : 佈局文件，主要用來畫界面
• wxss : 樣式文件

頁面間如何傳參數

1. getApp()能夠得到一個全局上下文，因此能夠經過全局變量來搞
2. 頁面間的跳轉能夠經過url帶參數的方式，接收時能夠在onLoad裏的options中取得
3. 有本地存儲功能，應該也能夠

webview 和 小程序通訊

經過url來傳遞，webview 頁面中引入 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>便可調用小程序上下文相關的函數功能

點擊事件如何傳參數

點擊事件的函數默認只有一個event參數，會把上下文帶上，目前是以 data-variable="{{variable-value}}" 屬性方式來傳遞，能夠在event.currentTarget.dateset中獲取

更新數據

只能經過 this.setData()的方式，對於嵌套結構，須要先準備要更新值的key的嵌套形式
e.g.
我要更新 arr[0].price = 200，則 this.setData{"arr[0].price" : 200}
我要更新 arr[index].price = 200，其中index是動態的計算的

var key = 'arr['+index+'].price'
var p = {key : 200}
this.setData(p)

支付

使用的簽名邏輯和JSAPI支付同樣，按照文檔來便可

佈局

使用flex加上各類嵌套，通常佈局均可以組合出來

測試

小程序要求域名必須是https，但也考慮了測試需求，能夠生成非強制的測試版本，只要在詳情下把不校驗合法域名、web-view（業務域名）、TLS 版本以及 HTTPS 證書 選項勾上便可。經過預覽生成的二維碼給相關測試人員，測試人員在小程序的右上角的點點點選項裏把調試打開便可，會要求從新再打開即生效~

經過遠程調試掃描裏，在調試窗口也有這個選項~

總結

仍是比較容易上手，特別是支持webview後，不少頁面能夠複用之前的

若是有新得，再更新~

以上