<snapshot id="view" mode="picture">     <image src="./1.jpeg" /> 填上 mode="picture"，图片不显示。 如果删除mode="picture"，图片正常显示。 开发工具和手机，一样的效果。 （调试基础库 3.3.5，已经推送。结果一样） mode="picture"要怎样使用？

想在小程序使用Sharp，按照 https://www.jianshu.com/p/ed14d381dd65 js中： const sharp = require("sharp"); // var sharp= require("./node_modules/sharp" 路径怎样改都不对。 结果都是： Error: module 'pages/index/sharp.js' is not defined, require args is 'sharp' 小程序可以使用Sharp？怎样才正确？

1、小程序需要显示50张图片，每张2~3MB，图片存在云。一个用户打开一次约150M CDN，流量有点大，有什么优化想法？ 2、wxml里面，<image src="url“>，用户第二次运行，是否会重新下载图片，占用CDN？是否需要把图片保存到用户手机再本地打开？ 3、满足显示全屏效果的情况下，图片建议大小几M？

wxml:   <view wx:for="{{list}}" >         <view wx:if="{{item.show=='true'}}" id="list{{index}}">      list有一些元素show=true，一些false。 按这个代码，id从0开始，遇到show=false的元素，也是+1，统计进去。 使用 selector: '#list'+index的时候，内容的id类似0，3，6，12... 而我希望显示的内容的id是0，1，2，3... 请问，怎样改写wxml？只有show=true的元素，带有id，使得所有show=true的元素的id是0，1，2，3...

<canvas type="2d" id="canvas" style="width: 300px; height: 300px; "></canvas> context.filter = 'sepia(10%)' // 褐色滤镜 context.drawImage(img,0,0,300,300)// 画面显示褐色效果  wx.canvasToTempFilePath // 保存的图片，没有滤镜效果。 想要：在canvas显示图片，并加入滤镜效果，然后保存带有滤镜的图片。 实际上：画面显示图片有褐色效果，但保存的图片，没有滤镜效果，请问怎样解决？

var progress='任意字符串'//没有效果 db.collection('todos').doc('todo-id').update({ data: { progress: _.inc(10)//这里只是固定字段progress，不能实现'任意字符串'值加10 } }) 这里的progress怎样换成变量？让'todo-id'中'任意字符串'的值加10  看到一个帖子：  data: { `${this.data.phn}`: this.data.ph, // 报错，编译不过 }