小程序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后，很多页面可以复用以前的

如果有新得，再更新~

以上