【小程序】小程序常见问题（1）

• Z时代
• 2024-01-10
• 分类：技术分享

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

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

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

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

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;

小程序交流群

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

加我备注：小程序

以上是 【小程序】小程序常见问题（1） 的全部内容， 来源链接： utcz.com/a/105417.html