小程序常见问题(1)

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;

小程序交流群

遇到小程序的问题,欢迎进群交流

加我备注:小程序

weChartCode.jpg

你可能感兴趣的:(小程序,小程序云开发)