继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

总结:小程序常见问题(1)

不羁的豆角
关注TA
已关注
手记 19
粉丝 15
获赞 33
这是我在开发小程序的过程中总结的一些问题
欢迎加入我的小程序交流群 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;
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP