微信小程序开发常见坑与解决方案

在微信小程序开发过程中,作者dongtao分享了他在项目中遇到的一些坑和需要注意的小知识点。资源篇主要关注于资源加载的问题。第一个问题是关于图片路径的设置。在app.wxss文件中，虽然在IDE中显示正确，但在手机端却无法显示。解决方法是发现图片路径在从pages文件夹移到全局的app.wxss时，需要根据组件文件夹的结构调整，如原本使用`../../imgs/XXX`，而在app.wxss中应改写为`./imgs/XXX`。尽管如此，即使做了修改，在模拟器上也无法生效，这提示开发者在调整路径时可能还需要考虑其他因素。 第二个问题涉及页面间的跳转。当在index页面点击跳转到login页面时，由于缺少`page()`的实例化，导致login页面的JS未能正确加载，从而引发错误。解决这类问题时，务必确保所有页面引用的脚本都被正确执行。 API部分，作者提到一些已解决和未解决的问题。已解决的问题包括使用小程序底部导航组件时，无法实现微信原生的红点或消息提醒功能。这是因为底部导航组件的特性限制，需要开发者自己额外实现这些功能。另一个已解决的问题是picker组件的使用，必须在组件内提供非空内容，即使是一个字符，空格或全屏的view也不能作为有效内容。 然而，有一个未解决的问题是关于底部导航组件的红点提示，作者指出目前无法通过小程序自带的组件实现微信消息通知的效果，可能需要开发者寻找第三方插件或自定义解决方案。 这些坑和知识点提醒微信小程序开发者在实践中注意路径管理、页面通信以及组件的正确使用，以提高开发效率和用户体验。通过不断学习和实践，提升小程序开发的技能和编码基础。