个人案例
- 场景零售
场景零售
场景零售扫码体验
- 元素运用animation动画,部分机型tap事件点击没反应
元素运用animation动画,部分IOS、和安卓机型tap事件点击不能及时反应,需要多次点击并且在一段时间后才会触发点击事件, - 预期表现 每次点击都能按时触发tag事件 [代码].float-redpacket-item {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]6[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]136[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]136[代码][代码]rpx;[代码][代码] [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]100%[代码] [代码]100%[代码][代码];[代码][代码] [代码][代码]background-repeat[代码][代码]: [代码][代码]no-repeat[代码][代码];[代码][代码] [代码][代码]animation-timing-function: linear;[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码] [代码]background-color: black;[代码] [代码]}[代码][代码].float-redpacket-item-animation_[代码][代码]0[代码] [代码]{[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]600[代码][代码]rpx;[代码][代码] [代码][代码]animation-name: myMove_[代码][代码]1[代码][代码];[代码][代码] [代码][代码]animation-duration: [代码][代码]20[代码][代码]s;[代码][代码] [代码][代码]animation-iteration-count: infinite;[代码][代码]}[代码][代码]@keyframes myMove_[代码][代码]1[代码] [代码]{[代码][代码] [代码][代码]0%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]0[代码][代码]) translateY([代码][代码]0[代码][代码]);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]10%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-100[代码][代码]rpx) translateY([代码][代码]50[代码][代码]); [代码][代码] [代码][代码]}[代码][代码] [代码][代码]20%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-200[代码][代码]rpx) translateY([代码][代码]100[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]30%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-300[代码][代码]rpx) translateY([代码][代码]200[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]40%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-400[代码][代码]rpx) translateY([代码][代码]350[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]50%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-450[代码][代码]rpx) translateY([代码][代码]380[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]60%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-620[代码][代码]rpx) translateY([代码][代码]450[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]70%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-350[代码][代码]rpx) translateY([代码][代码]780[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]80%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-200[代码][代码]rpx) translateY([代码][代码]500[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]90%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-100[代码][代码]rpx) translateY([代码][代码]200[代码][代码]rpx);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]100%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]0[代码][代码]) translateY([代码][代码]0[代码][代码]);[代码][代码] [代码][代码]}[代码][代码]}[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"float-redpacket-box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"float-redpacket-item float-redpacket-item-animation_0"[代码] [代码]catchtap[代码][代码]=[代码][代码]"friendSignOpenFriendPacket"[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]friendSignOpenFriendPacket(e) {[代码][代码]console.log(e);[代码][代码]}[代码]
2018-10-07 - 小程序随机request 请求异常
小程序集成企业微信后,通过企业微信入口进入应用 通过接口访问业务数据随机出现错误提示(多部手机测试) request :fail Unable to resolve host "xxx.xxx.com" :No address associated with hostname 注:直接通过小程序入口进入没有该现象
2018-10-08 - 关于微信临时缓存的问题
下载的文件,和选择的图片,canvas截图等等生成的http://temp/wx0.....这种格式的文件目测是放在手机固定的文件夹里面的,但是我想知道这个文件会自动清除么。微信本地文件存储限制为10M但是这个好像是不限制内存,只限制单个文件大小。有懂行的大神么,求请教
2018-04-19 - 小程序开发组手显示大小为2m,但是实际大小加图片没有2m?
小程序开发组手显示大小为2m,但是实际大小加图片没有2m? [图片]
2018-05-08 - 小程序商品详情富文本会变形,纯文本不显示,除了用图片外还有没有其他的方法?
- 当前 Bug 的表现(可附上截图) 1.通过富文本(word)复制进入商品详情页面,字大小,颜色深浅,排版显示异常; [图片] 2.通过纯文本(TXT)复制进入商品详情框,正常保存后显示不出来; 后台编辑页 [图片] 小程序商品详情展示页 [图片] - 预期表现 需告知如何让纯文本正常显示即可; - 复现路径 可按照问题中的1 2 点测试验证下; - 提供一个最简复现 Demo
2018-08-02 - 问题下关于saveFile,如果保存的是网络路径的图片,他的大小有限制嘛
问题下关于saveFile,如果保存的是网络路径的图片,他的大小有限制嘛 先wx.getImageInfo调用该函数,然后调用wx.saveFile保存起来,会有大小限制吗
2018-09-03 - 小程序太阳码 B接口有时返回的图片二进制流数据不完整导致前端图片显示失败
- 当前 Bug 的表现(可附上截图) 通过小程序二维码接口B,有时可以拿到小程序二维码,有时拿不到。具体是当无法显示二维码时我发现微信返回给我的流文件大小只有109字节,应该是流文件不完整。 - 预期表现 凌晨时查询二维码几乎每次都能成功显示,白天查询很容易问题重现。 - 复现路径 只要在白天调用B接口就容易重现。 - 提供一个最简复现 Demo 我后端使用了nodejs,相关代码如下: [代码]let data = {[代码][代码] [代码][代码]scene: theStudent._id.toString()[代码][代码] [代码][代码]};[代码] [代码] [代码][代码]request({[代码][代码] [代码][代码]method: [代码][代码]'POST'[代码][代码],[代码][代码] [代码][代码]uri: `https:[代码][代码]//api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${accessToken}`,[代码][代码] [代码][代码]json: [代码][代码]true[代码][代码],[代码][代码] [代码][代码]body: data[代码][代码] [代码][代码]})[代码][代码] [代码][代码].pipe(fs.createWriteStream(filePath))[代码][代码] [代码][代码].on([代码][代码]'finish'[代码][代码], () => {[代码] [代码] //在这里处理流文件逻辑。我发现有时流文件大小只有109字节,这时前端无法渲染;有时有100多K字节,前端可以成功渲染。所以我怀疑是微信返回的流文件不完整[代码] [代码] [代码][代码] [代码][代码]})[代码][代码] [代码][代码].on([代码][代码]'error'[代码][代码], (reason) => {[代码][代码] [代码][代码]log.error(`miniUtil->getMiniQrCode__ FAILED 1. Reason = ${JSON.stringify(reason)}`);[代码][代码] [代码][代码]reject(reason);[代码][代码] [代码][代码]});[代码] 这个问题困扰我很久了,以前以为是request的pipe方法用的不对,网上搜了很多文章发现上面代码里pipe用法是正确的,所以现在开始怀疑是微信返回的流文件不完整了,希望官方技术支持能看一下,谢谢啦。
2018-09-13 - 安卓无法显示5M大小的图片,2M左右可以显示,IOS都能显示
2M的图片 [代码]<[代码][代码]image[代码] [代码]mode[代码][代码]=[代码][代码]"widthFix"[代码] [代码]style[代码][代码]=[代码][代码]"width:750rpx;"[代码] [代码]src[代码][代码]=[代码][代码]"https://umijoy.s3.cn-north-1.amazonaws.com.cn/umijoy-ab8ad9feae7601223a62e6005f765ad8.jpg[代码][代码]"[代码][代码]></[代码][代码]image[代码][代码]>[代码] 5M的图片 [代码]<[代码][代码]image[代码] [代码]mode[代码][代码]=[代码][代码]"widthFix"[代码] [代码]style[代码][代码]=[代码][代码]"width:750rpx;"[代码] [代码]src[代码][代码]=[代码][代码]"https://umijoy.s3.cn-north-1.amazonaws.com.cn/umijoy-f9b6ab704a628bf8965ac392d83b8ad7.jpg"[代码][代码]></[代码][代码]image[代码][代码]>[代码]
2018-09-12 - iphone识别不了图片源是原图中的二维码
最近在左一个海报生成的小程序,生成海报中有二维码 如果安卓或苹果在群里或和朋友聊天中发图片,且图片源是原图的情况下 长按图片,iphone都不会弹出识别图中二维码的选项(小程序码和二维码都测试过不行) 目前有两种情况下是能识别出来的 1、图片小 (500kb),具体大小阈值没有测试出 2、二维码足够大,但是太大又会影响美观 目前想从第一点入手 但是不知道怎么能压缩图片 我生成图片的流程是 通过downloadfile下载多张图片,然后画进canvas里,再通过canvas导出图片,保存到相册 还有一点疑惑 全部图片的大小加起来应该是等于生成图片的大小的,但是导出的图片会比较大 而且,当发送原图时图片大了几倍(iphone下 1M多的图片,发送原图后就6M左右了,图片格式是png,好像jpg的时候没有这种情况) 我通过wx.downloadFile然后直接将临时文件wx.saveImageToPhotosAlbum,保存图片的大小是和原图相符的 不知道是不是wx.canvasToTempFilePath导出的临时文件比较大
2018-09-23 - wx.navigateToMiniProgram今早10点突然发现不能使用
在线上的小程序,里面用到了 wx.navigateToMiniProgram 这个API,但是今天早上十点左右发现无法调起API错误信息如下:navigateToMiniProgram:fail can only be invoked by user TAP geature 官方也没有发出公告,这个API是在今天(2018-09-30)已经废弃了还是出了什么问题,望告知
2018-09-30