由于上周国庆假期，未能及时更新文章，深表歉意，之后会继续每周看。

很久没有写关于微信小程序的文章了。今天我继续讲一些容易踩的小程序“坑”。

一、图片上传须使用wx.uploadFile()，而不是使用wx.request()

微信小程序专门提供了一个上传文件的API，那就是wx.uploadFile()。如果要上传图片，也应该使用这个方法，通常和wx.chooseImage()结合使用。通过wx.chooseImage()，可以选择本地图片或者直接拍照返回一个临时图片路径，然后把这个临时路径传入wx.uploadFile()再通过第三方服务器返回在线路径，这样我们就可以随时得到这个图片。

当然，有时候我们在提交表格的时候可能需要提交图片。此时，我们需要使用wx.request()。提交的图片路径是wx.uploadFile()返回的在线路径，而不是wx.chooseImage()返回的临时路径。

这两种方法的具体用法可以直接参考开发文档：https://MP . weixin . QQ . com/debug/wxadoc/dev/API/network-file . html # wxauploadfile object。

二、微信小程序的加载动画家族

1. 下拉刷新动画

onPullDownRefresh()定义了Page中的onPullDownRefresh处理函数，用于监控用户在页面上的下拉刷新事件，只有手动下拉才能触发。

(2) enablePullDownRefresh需要在config(文件后缀)的窗口选项中将enablePullDownRefresh设置为true。在onPullDownRefresh()有效之前。

wx.startPullDownRefresh()启动下拉刷新，调用后触发下拉刷新动画。效果与用户手动下拉刷新一致。该方法无需用户手动下拉即可触发下拉刷新动画。

wx . stoppelldownrush()当数据刷新完成后，wx . stoppelldownrush可以停止当前页面的下拉刷新动画。

2. 导航条加载动画

wx.showNavigationBarLoading()显示当前页面的导航栏加载动画。

wx.hideNavigationBarLoading()隐藏导航栏加载动画。

3. 提示框加载动画

wx.showLoading()显示加载提示框，需要主动调用wx.hideLoading()关闭提示框。

wx.hideLoading()隐藏加载提示框。

三、page.json只能设置 app.json 中的 window 配置项的内容，并且不能写window这个键

“坑”看起来很小，但是一旦不小心踩到，可能很难发现问题出在哪里，因为即使你用app.json同样的方式写page.json，也就是说，如果你在里面写了window键，小程序不会报错，但也不会达到预期的效果。

例如，如果您只想在某个页面上实现下拉刷新效果，那么您可以在页面的配置中这样配置它：

{ ' navigationBarTitleText ' : '下拉刷新动画'，' Enable下拉刷新' : true}但是，如果不小心在前面添加了一个' window':那么问题就来了，此时页面将无法实现下拉刷新。然后你说我明确配置了‘启用下拉刷新’: true，然后很有可能我会纠结这个小问题很久，所以我需要记住关键窗口不能用page.json写

四、微信小程序中含有Imoji图片的用户昵称存储问题如何解决？

这涉及到后端数据库。有时，在提交表单时，您需要获得用户昵称，并将它们提交给数据库。但是，有些用户昵称会有Imoji图片。此时，如果将它们直接保存到数据库，可能会出现无法识别的问题。解决方案是将数据库字段的格式更改为utf8mb4格式。