我正在开发一个微信小程序，有一个商品列表页面，在开发工具中没有问题，但是在手机上预览的时候第一次进入这个页面无法展现出来数据，必须返回一下，在进入这个页面才能加载出来数据，实在不知道是哪出了问题，然后就想着远程调试，但是远程调试的时候，进入页面就有数据了，为什么远程调试和预览会有如此差异呢？ 到底是哪出现了问题？ 请大家解惑，谢谢！

- 需求的场景描述（希望解决的问题） 画布上绘制矩形后，在该矩形上绘制圆形图片失败，原因是矩形和绘制的圆形重叠导致 // 画入海报背景 ctx.drawImage(海报背景图, 0, 0, that.myCanvasWidth, that.myCanvasHeight); ctx.draw() // 白色矩形 ctx.rect(12, that.myCanvasHeight - 130, that.myCanvasWidth - 24, 80) ctx.setFillStyle('white') // 切割成圆角矩形 that.drawRoundedRect(ctx, 12, that.myCanvasHeight - 130, that.myCanvasWidth - 24, 80, 4) ctx.clip() ctx.draw(true) // 圆形头像画入 ctx.save(); // 先保存状态 已便于画完圆再用 ctx.beginPath(); //开始绘制 //先画个圆 ctx.arc(45, that.myCanvasHeight - 90, 25, 0, Math.PI * 2) ctx.clip()//画了圆 再剪切  原始画布中剪切任意形状和尺寸。一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内 ctx.drawImage(头像图片, 20, that.myCanvasHeight - 115, 50, 50) // 推进去图片 ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 可以继续绘制 ctx.draw(true) ctx.draw(true, setTimeout(function() { wx.canvasToTempFilePath({ x: 0, y: 0, destWidth: 375 * 3, destHeight: 550 * 3, canvasId: 'canvas', success: function(res) { that.imageTempPath = res.tempFilePath; //这就是生成的文件临时路径 }, fail: function(res) { console.log(res,'fail'); } }) that.$apply() }, 50)) })

列表数据过多，比如超过300条时候，渲染会很慢，而且点击这些基本上是失效，非常慢，有遇到类似的情况的吗？

- 需求的场景描述（希望解决的问题） - 希望提供的能力 在network中希望可以看到图片请求 [图片]