微信小程序
程序员小鸿
纵使来路坎坷,前路曲折,也不要失去一往无前的勇气
展开
-
【修复日常bug】(uniapp)微信小程序自定义组件无法触发(不执行)v-model双向绑定监听事件
问题概述数组数据改变后,页面上视图也重新渲染了,但是视图内的自定义组件绑定的v-model事件并没有执行;问题原因(举个例子)在经过一番排查后,发现外层有v-if事件调用了handler函数进行判断导致的<!-- 循环数组 --><view v-for="(item,index) of list" :key="index"> <!-- v-if调用了函数 --> <view v-if="handler(item)">原创 2021-08-16 11:00:27 · 3465 阅读 · 0 评论 -
【修复日常bug】node接入微信小程序登录解密报错:SyntaxError: Unexpected token in JSON at position 0
问题概述前端传code、encryptedData、iv参数到后端获取微信小程序用户信息,大概率在请求3次node控制台会复现一次报错信息:SyntaxError: Unexpected token in JSON at position 0node解密函数如下经过排查解密代码无任何问题,报错是偶现性的。问题原因在获取用户信息时,需要先调用wx.login拿到code,再调用wx.getUserProfile获取密文(encryptedData、iv),如果先执行wx.ge.原创 2021-06-22 19:25:39 · 1461 阅读 · 0 评论 -
【修复日常bug】解决微信小程序video组件initial-time属性不生效
我们来看微信小程序video标签的initial-time属性的描述:指定视频初始播放位置,我这边是要做一个类似淘宝的商品详情播放视频的功能,我来举个例子:我在商品详情页面播放视频进度到12秒,然后点击视频跳转到全屏播放,全屏我是单独做一个视频播放页处理的,所以我需要把视频播放进度传进视频播放页继续播放,这个视频播放页的视频一直播放到29秒,我退出视频播放页,需要把当前的29秒传回...原创 2019-11-22 10:22:38 · 5564 阅读 · 1 评论 -
【微信小程序】无法解析京东商城商品详情富文本数据
小程序的rich-text富文本标签不支持link标签,这就导致我们从京东商城拿到的商品详情富文本无法解析。rich-text组件用法小程序商城对接京东商城商品,拿到的京东商品详情的富文本数据格式如下:我们可以看到,拿到的商品详情并不是我们所想的img标签 而是通过link标签再次去请求css样式,可以看出上面有多个div,这也就是说明了图片是通过div当成背景图渲染...原创 2019-10-09 20:14:09 · 3151 阅读 · 1 评论 -
“小小小头像”小程序,微信头像框生成工具
因为迎近国庆,腾讯新闻出了款微信用户头像框在线生成的h5网页,当天朋友圈被这条消息刷屏了然后我晚上就花2个多小时时间开发了一款微信小程序“小小小头像”,这款小程序可以获取用户头像选择自己喜欢的头像框进行绘制。也可以选择本地上传自己想要的图片。重点是这款小程序是纯前端开发的(我这里没有用到云开发),毕竟2个小时时间,只是做着玩一下,万一火了呢,现在我把项目开源,码云地...原创 2019-09-30 09:28:25 · 19632 阅读 · 7 评论 -
【修复日常bug】微信小程序cover-image不显示图片
我们先来看看cover-image标签的用法,微信官方api解释:属性:src说明:图标路径,支持临时路径、网络地址(1.6.0起支持)、云文件ID(2.2.3起支持)。暂不支持base64格式。那么我们分析以下原因:cover-image或者外层嵌套的cover-view是否设置了渐变背景色(暂不支持渐变色,渐变色改为普通背景色即可显示) 使用了base64格式以上两点...原创 2019-08-10 09:30:06 · 4307 阅读 · 0 评论 -
【修复日常bug】解决微信小程序cover-view使用position:fixed;不显示的问题
我们看微信官方api说明tip: 基础库 1.9.90 起最外层cover-view支持position: fixed然后我们开发的过程中发现使用了position:fixed无效,首先应该检查一下基础库是否是1.9.90或以上,开发者工具详情按钮可以查看基础库版本号:如果基础库版本号是1.9.90或以上我们就可以排除这个原因,还有一个原因就是我们cover-...原创 2019-07-27 12:02:36 · 5416 阅读 · 0 评论 -
【修复日常bug】微信小程序 揭秘wx.switchTab跳转方式会附带参数的问题
微信小程序开发中,有一个跳转方式 :wx.switchTab,可把我坑惨了,一个bug改通宵,我们来揭秘一下wx.switchTab跳转方式会附带参数的问题!我们先来说明一下wx.switchTab跳转方式的作用,根据官方的解释是这样的url 说明路径后不能带参数,即使带了参数传过去也是拿不到值的,可是我为什么说通过wx.switchTab方式跳转能拿到参数呢,这里说的拿到参数并...原创 2019-07-20 19:57:04 · 14692 阅读 · 2 评论 -
【修复日常bug】解决微信小程序跳转页面全部点击事件失效!
有这么一种情况,就是从app.js跳转到的页面,20次总会有1次是会出现所有点击事件失效的问题,页面可以上下滑动,轮播图可以左右滑动,只有所有的事件失效,也排查过是否是组件的问题,页面代码已经删掉只留下一个点击按钮也是会偶现无法点击,所以这里可以排除是页面组件的问题。这里是官方bug 造成页面偶现无法触发所有点击事件解决办法:给reLaunch和redirectTo加上定时...原创 2019-07-10 16:14:06 · 4555 阅读 · 1 评论 -
【修复日常bug】微信小程序canvas画商品海报出现个别用户无法生成的情况
微信小程序,在使用canvas画海报的时候,会导致个别用户无法生成的情况,你们可以尝试把绘画某些块的代码注释掉再进行扫码调试,我前几天就遇到个别客户无法生成商品海报的情况,刚开始是以为上一个同事留的坑,当我重构画海报的页面代码以后,还是出现这种问题。我在这里提醒开发者们,如果出现设备兼容性问题,请各位开发者不要使用真机调试,因为真机调试可以解决90%以上设备兼容性的问题,可以用扫码预览打开调试...原创 2019-05-30 00:04:06 · 1849 阅读 · 0 评论 -
【修复日常bug】完美解决wepy分包出现脚本错误或者未正确调用 Page()
刚接触wepy框架第四天 由于小程序主包过大 无法上传代码以及预览 wepy打包以后的代码会提示如下错误,页面能正常加载访问 js无法加载由于wepy框架出来的时间也不长 坑还是蛮多的分包的js都会有这种代码 exports.default = undefined 所以会报出现脚本错误或者未正确调用 Page() 其实可以手动修改打包以后的代码 也能解决...原创 2019-02-19 11:31:19 · 2413 阅读 · 0 评论