小程序开发知识总结

常识性问题

• 小程序规定最终上传的包大小 –> 1M

• 小程序push方式跳转最多能跳转几个页面 -> 5个

• 小程序有哪几种跳转页面的方式 ->navigateTo, navigateBack redirectTo, switchTab, reLaunch

如何适配不同的手机屏幕

利用小程序的rpx单位，或者百分比，rem的方式替换px编写css

3. 控件响应事件方法的时候怎么传值？如果传的值是对象，是否和data中的元对象指针相同？

payOrder:function (event) { 
    console.log(event.currentTarget.dataset.payMode);
}
// 输出->1

通过事件event对象的currentTarget的dataset。 不相同，原因是wxml对data中的对象做了copy操作不是直接的指针引用关系

4. 页面之间的传值（正传和反传）?

• 本地存储

• app.js中全局作用域的globalData（在任何页面都可以访问）存储需要传递的数据

• 正传：url 后拼接参数，如果参数是Object需要转化成JSONString, 在目的页面在把JSONString 转成Object 反传：获取页面的堆栈数组，取出需要传值的页面对象，然后去访问该页面对象的方法或者属性进行传值

5. 怎么实现自定义模态框？

通过父控件相对定位，子控件绝对定位的方式，把view的z-index设置最大（最上层）

6. 如何获取微信的openid?

• 通过小程序提供的API（wx.login）获取到code值

• 拿到code后，可以本地把code拼接到官方提供的URL发送GET请求拿到openId；或者把code通过接口的形式传递给服务器，服务器通过上述方式去拿到openId再去返回给小程序

7. 如何实现view和手指触摸移动的同步？

• 设置view绝对定位，为view的style样式 设置left,top属性

• 实现view的touchstart, touchmove, touchend 方法

• 通过event对象获取移动点的坐标，计算和上一个点的距离，重新计算view的坐标left,top

8. 怎么实现微信小程序的反地理编码？

• 通过API获取到当前的坐标

• 利用相关的SDK（腾讯地图，百度地图等）反地理编码API获取地理位置信息

9. 小程序如何对接微信支付

• 服务器调取微信服务器进行统一下单（签名必须是MD5）

• 统一下单成功后返回的数据，进行MD5签名，把MD5签名后的数据和其它数据返回给小程序

• 小程序利用签名和其他数据调起微信客户端支付。