9.微信小程序-踩坑

1.小程序页面栈最多10层

2.require的路径不支持绝对路径
//解决：在App绑定require，Page里获取app，直接app.require引入

3.小程序中使用web-view打开pdf，iOS可以正常打开，Andriod打开位空白
//解决：使用wx.downloadFile和wx.openDoucment
wx.downloadFile({
  url: 'https://.../XXX.pdf', //要预览的 PDF 的地址
  success: function (res) {
    if (res.statusCode === 200) { //成功
      var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用
      wx.openDocument({
        fileType: 'pdf', // 文件类型
        filePath: Path, //要打开的文件路径
        success: function (res) {
          console.log('打开 PDF 成功');
        }
      })
    }
  },
  fail: function (err) {
    console.log(err); //失败
  }
})

常用的库
​miniprogram-api-promise 扩展小程序api支持promise
安装：npm install --save miniprogram-api-promise
使用：在小程序入口（app.js）调用一次promisifyAll，只需要调用一次。 示例:
import { promisifyAll, promisify } from 'miniprogram-api-promise';
const wxp = {}
// promisify all wx's api
promisifyAll(wx, wxp)

// 使用
wxp.login().then(res => {
  // do something
})

​wx-promise-pro扩展小程序api支持promise
安装：npm i wx-promise-pro -S
使用：在小程序入口（app.js）调用一次promisifyAll，只需要调用一次。 示例:
import { promisifyAll, promisify } from 'wx-promise-pro'

// promisify all wx‘s api
promisifyAll()

// 使用
wxp.login().then(res => {
  // do something
})