在微信小程序中如何实现image组件图片自适应显示
1、首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如：730rpx。这样图片也可以自适应了。因为小程序的rpx本身就是一个自适应显示的单位(二).使用bindload绑定函数动态自适应。我们可以给image绑定一个函数，这个函数，如上面的bindload说明一样，我们可以获取到原图的宽度和高度。
2、首先，查看官方文档，理解wx.showModal的基本用法，然后通过自定义代码在弹窗中嵌入图片。在wxml文件中编写图片显示的结构，而在js中处理显示和隐藏的逻辑，包括确认和取消的回调。这样做，既能保持弹窗的灵活性，又避免了完全自己实现的复杂性。
3、在WXML文件中，使用swiper组件，设置swiper-items的数量以及每个swiper-item的内容，使用wx：for循环来实现图片的遍历显示。在JS文件中，定义images数组，将需要显示的图片地址存储到数组中，并设置swiper组件的相关属性，如自动播放、循环播放、切换时间等。这样就能够实现点击图片依次切换的功能了。
微信小程序textArea输入框随着输入字数自适应高度
1、被键盘遮挡可以通过设置cursor-spacing来解决光标位置出现在倒数第二个字的后面这种是在获取焦点后，动态修改了textarea的高度，以便于让用户在更大的显示区输入。
2、第一步，打开微信小程序开发工具，在指定的wxml文件中插入一个textarea组件，设置最大长度、失去焦点事件等。第二步，在界面对应的JavaScript文件，添加失去焦点事件，并获取文本域文字内容。第三步，接着保存代码并在模拟器中预览界面显示效果，可以看到一个文本域。
3、 在写一个小程序界面的时候，发现这个页面的按钮点击失效，打印log打印不出来，而其他页面的点击事件仍旧可以触发。找了半天发现按钮被textarea组件遮挡了，导致点击不到。解决办法：给textarea添加样式，修改它的高度。
4、input textarea是APP的原生组件，z-index层级最高 有做过搜索框的同学，可能会遇到IOS下面，设置icon的z-index后，依然无法显示。建议做显示隐藏效果：点击之前是一个view，点击之后隐藏view，显示input~。
5、解决微信小程序怎样设置textarea文本域输入的步骤如下：第一步，打开微信小程序开发工具，在指定的wxml文件中插入一个textarea组件，设置最大长度、失去焦点事件等。第二步，在界面对应的JavaScript文件，添加失去焦点事件，并获取文本域文字内容。
小程序的image怎么自适应大小
1、首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如：730rpx。这样图片也可以自适应了。因为小程序的rpx本身就是一个自适应显示的单位(二).使用bindload绑定函数动态自适应。我们可以给image绑定一个函数，这个函数，如上面的bindload说明一样，我们可以获取到原图的宽度和高度。
2、使用小程序框架开发：小程序框架具有自适应屏幕大小的特性，能够自动调整页面布局，适配不同尺寸的屏幕。通过使用小程序框架进行开发，可以避免页面适配问题，让小程序页面在不同尺寸的设备上都能够完整显示。手动缩放页面：如果小程序页面仍然出现显示不全的问题，用户可以手动缩放页面。
3、fixed定位一个 image标签，width： 100vw；height： 100vh； mode选择aspectFill background-size： cover 1）是按照图片的比例放大或者缩小至充满容器，而不是按照容器的比例大小来缩放。
4、有些从接口传递过来的图片，本身图片大小不是固定一个比例，全部渲染显示在页面上，会有唰得拉伸从大到小快速闪下变形的bug，很影响用户体验。
5、插入图片：通过image组件，可以在小程序中插入图片，显示在页面上。可以通过设置image组件的src属性来指定要显示的图片路径，可以是本地路径或远程路径。图片展示：image组件可以将指定的图片进行展示，根据设置的宽度和高度进行自适应缩放或裁剪，以适应页面的布局和显示需求。
6、把view的宽高和image的宽高设置相同。微信小程序view通常会有一些默认多出来的距离。把view的宽高和image的宽高设置相同就可以消除这些距离了。