哈喽 我又来了 这是我第二次分享文章了 希望能够帮助大家 也希望大家喜欢~

第一个

image组件中的 mode=“aspectFill” 属性 这个属性是等比例缩放 如果你的图片是这个属性的需要注意注意注意
图片渲染完成后 再等比例缩放 及 先渲染 再等比缩放

例子： 当你要获取这个图片距离顶部的距离是 需要使用

wx.createSelectorQuery来来找到这个标签并获取到这个标签的参数

一般会写在 onReady() 生命周期钩子函数里 但是 问题就在这个时候出

现了 我获取的标签数据 不是 实际的数据 而是 图片没有缩放的数据

解决这个问题的时候 我使用了 setTimeout 函数 把时间设置为500 即

半秒后 再获取图片的标签的 参数 这时候 获取到的数据就是正确的数据了 暂时没有测试不写等待时间 有兴趣大家可以试一下

第二个
前端绘制海报性能优化 绘制海报我们用到了canvas 绘制海报的前

提是 绘制的素材要下载到本地 如果我们在绘制的时候下载素材 这个时

候 绘制的进度就会变慢 优化的思想如下

B页面是绘制海报的 A页面 点击某个按钮 进入到 B页面 那么我们就在

渲染A页面的时候 就下载素材呢 等到了B页面 素材都已经有了 直接使用，绘制效果会非常好 甚至是 秒绘制完成

在B页面onUnload函数内 清除下载文件的缓存 避免缓存太多

第三
字符串10 减去 数字0 最后 变成了 数字 10
let string = “10”
string - 0
此时 string 就是 数字 10 类型是number // JS的隐式转换 很常用的一种改变数据类型的方式
0 的 布尔值 是 false

第四
防止数据抖动的方法 数据抖动 说白了 就是 一个按钮有一个事件 然后用户在很短的事件内重复点击 类似的有 购买物品 提交完成按钮 这些
解决方法 先声明一个变量 值为true 当做锁 当执行函数的时候 把这个锁变成 false 那么这个函数就被锁死了 只有这个函数完成所有操作的时候 再把锁变成true 此刻用户才可以再次真正的点击

代码如下：

今天的分享就到这里了 如果喜欢请大家动动小手指 点个赞吧 欢迎各位大佬亲临指导 如果有问题请及时指出 我会第一时间修改的 嘻嘻