小程序
guoqing2016
毕业于深圳技师学院,现码农一枚,分享一些项目中遇到的问题,以及解决方法,如果有坑位,欢迎推荐
展开
-
uniapp vue3 如何调用uni-popup组件的this.$refs.xxx.close()
uniapp vue3 如何调用uni-popup组件的this.$refs.xxx.close(),在uniapp使用vue3进行开发时,使用了uni-popup弹框,但是在对弹框进行操作的时候,发现调用`this.$refs.xxx.close()`报错`Cannot read property '$refs' of undefined`......原创 2022-07-08 10:05:51 · 8066 阅读 · 11 评论 -
微信小程序 canvas生成海报
最近遇到个需求,需要根据一个指定的页面,生成图片并且进行保存,大致就是需要在canvas上画出来和当前页面一样内容,然后转存为图片这样。准备工作 先获取到canvas对象const query = wx.createSelectorQuery()query.select('#myCanvas').fields({ node: true, size: true}).exec((res) => { const canvas = res[0].node const ctx = c原创 2022-04-28 17:32:47 · 1352 阅读 · 0 评论 -
微信小程序 canvas设置字体无效问题
在使用canvas画海报图的时候有一些特殊字体,但是,无论使用方法引入还是css直接引用,都无效。ctx.font = "normal 20px 'SourceHanSerifCN'";后面发现,在方法内引入时需要设置scopes参数,默认为webview还需要额外加上native即可wx.loadFontFace({ global: true, family: 'SourceHanSerifCN', source: 'url("xxx.OTF")', scopes:原创 2022-04-28 13:53:48 · 4088 阅读 · 0 评论 -
微信小程序 通用节流函数
throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1000 } let _lastTime = null return function (e) { let _nowTime = +new Date() if (_nowTime - _lastTime > gapTime || !_lastTime) {原创 2022-04-28 13:46:31 · 491 阅读 · 0 评论 -
uniapp 自定义底部tabbar 点两下 会闪烁问题
在做自定义tabbar时,遇到了个问题,第一次切换tab,底部操作栏会明显的感觉闪烁,并且选中状态还会有抖动现象出现这里在网上找到几个解决方法汇总一下1、在tab页的onShow生命周期写了切换选中状态后,tab组件那边的切换就没必要再加setData去修改选择的状态了,可以直接注释掉tab组件的`wxml`文件中 `cover-view` 和`cover-image` 分别替换为 `view` 和 `image`原创 2022-04-08 16:23:38 · 4677 阅读 · 0 评论 -
uni-app小程序 画布转base64并且进行压缩
在做一个签名的功能时,遇到的问题,签名后的画布需要转成图片,转成图片后,图片还要转base64,并且base64必须要很小(不能超过8kb),具体代码如下uni.canvasToTempFilePath({ fileType: 'jpg', canvasId: 'mycanvas', quality: 1, success: function(res) { console.log("第一个画布生成图片",res,res.tempFilePath) uni.getImageInfo({ //转载 2021-11-12 14:48:57 · 1586 阅读 · 0 评论 -
微信小程序 i-drawer ios输入框未隐藏
微信小程序 i-drawer ios输入框未隐藏,解决方法就是,对每个输入框标签都加上`hidden`属性,对应上弹框的显示隐藏状态,然后就不会出现了原创 2020-06-16 09:32:16 · 485 阅读 · 0 评论 -
微信小程序开发问题兼容,以及公共方法汇总
微信小程序开发问题兼容,以及公共方法汇总兼容问题:iphone xs Max new Date()兼容,公共方法汇总:节流过滤方法、封装请求方法、日期格式返回,开发时遇到的bug:原创 2020-05-15 09:06:48 · 1019 阅读 · 0 评论 -
微信小程序地图组件 无限闪烁导致小程序崩溃
在做一个通过腾讯地图api查询关键词搜索附近标记的小程序时遇到了这个问题在这个事件触发时,会一直重复触发,你不动时地图他还是一直在触发后来调试之后发现是我在bindupdated触发的函数内修改了地图的经纬度that.setData({ latitude: res.latitude, longitude: res.longitude})在触发的函数内不要去setData修...原创 2019-12-06 09:25:05 · 1512 阅读 · 0 评论 -
微信小程序 简易的滑动选择框
微信小程序 滑动选择框实现效果及代码原创 2019-09-03 10:29:01 · 2893 阅读 · 0 评论