小程序,一夜之间火遍了大江南北,所有人都在讨论,有质疑有赞赏,身边同事也有说要转方向的,那么我就来说说我在制作小程序时遇到的坑吧。
在说坑之前,我觉得有必要说一下学习的过程。其实很简单,就是看了一个教学视频。课程的链接请戳这里:课程链接 然后在github上下载了一个豆瓣影院评分的demo,边看官方文档,边改demo。
坑一:关于引导页
引导页做好了以后,在跳转到首页时tabBar消失了……为啥会消失?
官方文档给出了解释:
坑爹,然后我想到一个办法,可以在首页中加判断来展示或者隐藏引导页啊,但是顶部就会出现一个返回的按钮,在这里引导页相当于一个二级页面。后来,果断将引导页去掉了……
坑二 关于真机模拟
一开始在真机上模拟的时候,总是空白页,而且连个错都不报,打开调试的功能,也是非常顺利的,数据也请求成功了,但是为什么是空白页?
官方文档解释:使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。
所以我的内容没有展示出来,给了固定高度以后,问题就解决了。
坑三 滚动条问题
小程序的tabBar最多是五个,而我制作的小程序大概需要十三个,所以自己模拟了一个tab放在了顶部,也是用来做的滚动。问题就出现在这里,在模拟的时候就看到有横向的滚动条,想着在真机上的时候滚动条应该就消失了,但是,事实告诉我,是我想多了,并没有消失。目前这个问题还未解决,如果有高手,帮忙看一下。
我觉得如果新手的话需要看看大家踩过的坑,我也是看到了之前别人总结的新手跳坑才避免了很多坑。
想看新手跳坑指南的话请戳这里:新手跳坑指南