微信小程序
wzp6010625
尽人事,听天命
展开
-
iPhoneX安全区域适配
网上方案有很多,这里只记录个人最喜欢的一种:苹果官方推出适配方案css函数constant()、env()其他方案参考转载链接:https://juejin.im/post/6844904106088202254使用前提网页设置 viewport-fit=cover 才生效(代码如下)。在小程序中,这两个函数可以直接用,所以推测小程序中viewport-fit 值为 cover。<meta name="viewport" content="width=device-width, i.转载 2020-08-15 16:18:40 · 1330 阅读 · 0 评论 -
微信小程序避坑总结
一、单个页面全局变量不被销毁在Page以外定义的变量,并不会随页面卸载而销毁。当重新进入这个页面时,这个值是被改动过的,而没有重新初始化,代码:let count = 0Page({ onLoad() { console.log(count) // 第一次进入页面0,第二次进入页面1,并没有被重新初始化 count++ }})所以就不能在Page以外定义变量了解决办法:建议写在data中或与data平级二、定义闭包形式的函数时,该函数原创 2020-07-30 00:47:04 · 453 阅读 · 0 评论 -
微信小程序wxs用法
微信小程序不像vue和react,可以在标签中写一些复杂的表达式,这时需要用到wxs用法:<view wx:if="{{util.isHas(idList, userId)}}"></view><wxs module="util"> function isHas(arr, val) { return arr.indexOf(val) >= 0 } module.exports.isHas = isHas</原创 2020-07-24 14:48:40 · 464 阅读 · 0 评论 -
微信小程序canvas相关避坑总结
canvas生成图片偶尔不成功问题解决办法:在 wx.canvasToTempFilePath 外边加 setTimeout,例如ctx.draw(false, ()=> { setTimeout(()=> { wx.canvasToTempFilePath({ canvasId: 'cvs', success: (res)=> { this.setData({原创 2020-07-22 14:37:01 · 1282 阅读 · 0 评论 -
微信小程序canvas制作海报总结
一、由于海报中元素的宽高位置等是动态的,所以把这些值放在data中,并且为rpx单位data: { // data中均为rpx值 wrap: { x: 0, y: 0, w: 600, h: 1000, src: '/images/img1.png' }, photo: { x: 200, y: 0, w: 200, h: 200, src: '/images/img2.png' }, finalPhoto: { x:原创 2020-07-12 13:48:27 · 717 阅读 · 0 评论