微信小程序踩坑记

一、页面跳转问题

1.页面跳转时，使用wx.navigateTo进行跳转，但是在跳转时页面却没有任何反应，这是因为跳转的目标页面路径写错了。正确的写法是以"/"开头的绝对路径，而不是相对路径。

解决方案：检查跳转路径是否正确，尤其是路径是否以"/"开头。

2.在页面跳转时，使用wx.navigateTo进行跳转，但是跳转后页面却显示空白，这是因为跳转的目标页面没有在app.json文件中注册。

解决方案：在app.json文件中注册目标页面，确保页面路径和页面文件名正确。

3.页面跳转时，使用wx.navigateTo进行跳转，但是跳转后页面却没有返回按钮，这是因为在目标页面的onLoad函数中没有调用wx.setNavigationBarTitle设置页面标题。

解决方案：在目标页面的onLoad函数中调用wx.setNavigationBarTitle设置页面标题。

二、数据绑定问题

1.在wxml中使用{{}}进行数据绑定时，如果绑定的数据是一个对象或数组，页面却没有显示任何内容，这是因为对象或数组中的数据没有通过setData函数进行更新。

解决方案：在js文件中使用this.setData更新对象或数组中的数据。

2.在wxml中使用{{}}进行数据绑定时，如果绑定的数据是一个函数，页面却没有显示函数的返回值，这是因为函数没有返回值。

解决方案：确保函数有返回值，或者将函数的返回值存储在data中，然后在wxml中绑定data中的数据。

三、网络请求问题

1.在微信小程序中进行网络请求时，如果请求的地址是https协议，但是在app.json文件中没有配置合法域名，请求会被拦截，无法正常发送。

解决方案：在app.json文件中的"networkTimeout"字段中配置合法域名。

2.在微信小程序中进行网络请求时，如果请求的地址是http协议，请求会被拦截，无法正常发送。

解决方案：将http协议改为https协议，或者在app.json文件中的"networkTimeout"字段中配置合法域名。

四、图片加载问题

1.在微信小程序中加载网络图片时，如果图片的地址是http协议，图片加载会被拦截，无法正常显示。

解决方案：将http协议改为https协议，或者在app.json文件中的"networkTimeout"字段中配置合法域名。

2.在微信小程序中加载本地图片时，如果图片的路径写错了，图片加载也会失败。

解决方案：检查图片路径是否正确，尤其是路径是否以"/"开头。

五、权限问题

1.在微信小程序中使用微信提供的API时，如果没有获取相应的权限，API调用会失败。

解决方案：在app.json文件中的"permission"字段中配置相应的权限。

2.在微信小程序中使用微信提供的API时，如果没有进行用户授权，API调用会失败。

解决方案：在调用API之前，使用wx.authorize进行用户授权。

六、性能问题

1.在微信小程序中频繁调用setData函数更新数据，会导致页面卡顿。

解决方案：将需要更新的数据存储在一个对象中，然后使用一次setData函数更新整个对象。

2.在微信小程序中使用过多的全局变量，会占用过多的内存，导致程序运行缓慢。

解决方案：尽量减少全局变量的使用，将变量的作用域限制在函数内部。

七、兼容性问题

1.在微信小程序中使用一些高级特性时，可能会导致在低版本微信客户端中无法正常运行。

解决方案：在使用高级特性时，检查微信客户端的版本号，如果版本号过低，可以使用wx.getSystemInfoSync获取系统信息，然后根据系统信息进行兼容处理。