总结：小程序常见问题(1)-原创手记-慕课网

这是我在开发小程序的过程中总结的一些问题
欢迎加入我的小程序交流群 wx: guzhan321 备注:小程序

1. 第二行文字省略

这是我常用的样式，autoprefixer: off 这个是为了避免 webpack 编译时去掉某些代码

.ellipsis{
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: on */
}

2. 原生小程序使用 async await 并且 this 不丢失

我的方法是在 function 函数内部定义立即执行函数 , 在立即执行函数之外保存 this

Page({
    login: function() {
        let that = this;
        // 可以享受异步同步写法
        ;(async() => {
            let res = await that.userLogin();
            let order = await that.getOrder(res);
        })();
    }
})

3. 云开发如何生成带参数的小程序二维码

小程序是有专门的API的，但是略微有点麻烦。因为这个接口返回的是一个 buffer。
所以我们要分为两步：

1. 调用接口生成图片 buffer
1. 保存图片到云存储，并把云存储的 fileId 记录下来

let qrCodeBuffer =  await cloud.openapi.wxacode.getUnlimited({
    scene: id, // 最大32个字符
    width: 280 // 二维码的宽度，单位 px，最小 280px，最大 1280px
})

let file = await cloud.uploadFile({
    cloudPath: `qrcode/${id}.jpg`,
    fileContent: qrCodeBuffer.buffer
})

file.fileID

4. 小程序如何输入换号符

1. 一般使用 text 标签展示 textarea 提供的内容即可
2. 如果你必须用 view 标签的话，请使用 white-space:pre-wrap;