微信小程序代开发有没有坑

微信小程序代开发有没有坑

在当前的互联网时代，微信小程序作为一种便捷、高效的应用形式，受到了众多企业和开发者的青睐。然而，在微信小程序的开发过程中，是否存在一些潜在的“坑”呢？本文将为您揭示这些问题，帮助您避免在微信小程序代开发过程中踩坑。

1. 背景图坑

在CSS中使用background做背景图，在手机上不显示。 解决方法：使用图片背景或使用微信小程序提供的 wx.createSelectorQuery 获取元素，然后设置背景图。

2. 跳转页面坑

如果有页面底部有小程序自带的tab切换，页面上也有点击事件可以与之跳到同一个页面，不可以使用 wx.navigateTo 跳转。 解决方法：使用 wx.redirectTo 跳转。

3. 下拉刷新坑

下拉刷新：在需要的页面的json中添加 { "navigationBarTitleText": "下拉刷新" } ，同时在页面刷新完成后添加： wx.hideNavigationBarLoading() //完成停止加载 和 wx.stopPullDownRefresh() //停止下拉刷新，防止在安卓手机下拉后不回到顶端 。

4. 传参坑

尽量不要传" "和"0"等值到后台，小程序会默认为 null 或 undefined。 解决方法：对传参进行校验和处理，确保后台接收到的数据符合预期格式。

5. 弹出层坑

弹出层，如果超过六个字，不可以用微信自带的方法，要用自定义组件。 解决方法：创建自定义组件，设置弹出层样式和内容。

6. 刷新逻辑坑

如果有需要进入页面就刷新的地方，接口路径要写在 onLoad 里，不需要刷新的页面写在 onPageShow 里。 解决方法：根据实际需求，合理分配页面刷新逻辑。

7. 页面跳转参数坑

跳转页面在url上带参数大小写问题：例如：标签上的 headerImg ，在js中，被默认为 headerimg ，不识别大写字母。 解决方法：统一参数命名规范，确保前后端一致。

8. 扫一扫跳转坑

如果用微信自带的扫一扫功能跳转到小程序的指定页面，小程序规定只能添加50个路径。 解决方法：合理规划路径，尽量避免超过50个。

总之，在微信小程序代开发过程中，避免踩坑的关键在于对开发文档的深入了解和实践经验的积累。只有掌握了这些知识，才能在开发过程中迅速发现问题并解决。希望本文能为您在微信小程序开发中避免踩坑提供一些帮助。