小程序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后，不少页面能够复用之前的

若是有新得，再更新~

以上