微信小程序开发,点击图片依次切换
在WXML文件中，使用swiper组件，设置swiper-items的数量以及每个swiper-item的内容，使用wx：for循环来实现图片的遍历显示。在JS文件中，定义images数组，将需要显示的图片地址存储到数组中，并设置swiper组件的相关属性，如自动播放、循环播放、切换时间等。这样就能够实现点击图片依次切换的功能了。
一张图片分成四（n）个区域，各自显示拼成一张图片，可以用background-position指定图片显示的区域。然后再wx.navigateTo跳转到不同的页面。
微信小程序图片切换有两种方式：两个image标签绑定同一个点击事件，根据data的值(true或false)在点击事件里面进行图片切换。为了区分，里面图片路径用单引号，外面src用双引号。
首先，展示效果尽管效果演示快速，但能大致看出效果：页面上有三个图片，点击任意一张即可进入放大预览模式，预览时还能通过左右滑动切换查看其他两张图片。 代码实现在image.wxml文件中，只需包含三个image标签来显示图片数组imgList中的内容。
用图片查看器。进入微信小程序 设置——默认应用——照片查看器——选择Windows照片查看器，首先图片双击打开的默认软件要是照片查看器，用ctrl同时选中需要打印的所有图片，单击右键选全选，点击钩选就可以了就可以了。
微信小程序bindchange是什么事件?
1、bindChange为输入框发生改变事件。微信提供的bindchange在支持方面还有小问题，目前是失去焦点才能触发到此事件的发生。如果在 bindchange的事件回调函数中使用 setData改变 current值，则有可能导致 setData被不停地调用，因而通常情况下请在改变 current值前检测 source字段来判断是否是由于用户触摸引起。
2、学小程序时写过一个B站demo，也遇到此问题，最后自定义Swiper的Dot来实现了。思路是：用view组件重写dot，给swiper组件绑定bindchange事件用来获取当前第几个dot，动态改变class。
3、微信小程序中，要实现输入框内容实时更新到数据绑定，关键在于对输入事件的处理。首先，创建一个包含input输入框的页面，view组件用于显示实时数据。input.wxml文件定义了输入框，input.wxss负责样式，而input.js则负责事件处理。
微信小程序为视频设置图片并显示播放时间
1、先打开微信开发者工具。打开wxml文件。在文件中首先新建一个swiper标签。通过interval属性，可以设置轮播图自动切换的时间间隔，这里设置为1000.默认是5000，单位是毫秒。在下面设置图片的路径。打开模拟器，显示绿色才是开启。在预览中可以看到切换的时间变快了。
2、在微信小程序页面，点击设置，选择全屏显示。微信小程序里面的映画相册全屏播放的方法是，首先需要打开微信进入小程序页面，其次在小程序页面的右上角找到三个点的图标，然后进入小程序设置页面，最后选择全屏显示即可。映画相册全屏播放，采用的是横屏的方式，在设置开启之后，相册观看效果更好。
3、微信小程序在图片上添加动作命令方法如下：打开微信-发现-小程序-搜索进入小蚁AI艺术。点击选图添加图片，为图片选择一种效果。点击保存，长按图片保存分享即可。
4、在微信小程序中，实现带图片的模态视图弹窗并不复杂，官方组件已经提供了基础功能。通过wx.showModal这个API，我们可以启动一个模态弹窗，但原生的API并未直接支持图片显示。然而，经过实践发现，我们可以巧妙地利用它来达到我们的需求。
5、可以统计。用官方api，在页面hide的时候记录下播放进度存在服务器上，下次进入页面用服务器记录的时间点开始播放就行。微信云开发的概念是，一套解决小程序前后端开发的一种云端能力，它提供了一整套云服务及简单，易用的API和管理界面。
一招搞定微信小程序ScrollView等组件高度自适应
1、引入 Flex 布局技术，提供了一种更为优雅的解决方案。Flex 布局允许组件在容器内灵活排布，使得 scroll-view 和 swiper 能自适应屏幕尺寸。虽然 Flex 布局广泛应用于网页开发，但在微信小程序中灵活运用，可以解决高度自适应难题。
2、view view容器是页面中最基本的容器组件，通过高度和宽度来定义容器大小。view相当于HTML中的div标签，是一个页面中最外层的容器，能够接受其他组件的嵌入。view容器可以通过flex布局定义内部项目的排列方式。属性如下表所示。
3、menu.js 这里主要针对一个菜单栏进行详细讲解，其余两个原理相同。 游戏 menu.wxml 这里推荐大家使用 scroll-view/scroll-view 组件，这样超过限定的高度的话，就可以在内部产生滚动条，整体布局不会乱。