首页 » 前端 » 正文

初识微信小程序,踩坑记

最近在做微信小程序的开发,遇到一些问题,做下记录

1、开发配置中一个重要的点,域名设置,不支持ip和端口号,并且只支持https

2、样式中的图片,只能采用远程图片地址,不能使用相对路径,但是js中当require另一个js可以使用相对路径

3、一个页面onload一次,onshow会多次,就是你切换也好,跳转也好,只要看到页面一次,就执行一次onshow,所以按需使用

4、scroll-view要给定一个高度,如果滚动加载,还要不停的设置高度去,感觉比较麻烦,但是不设置会使得这个组件的一些功能不可用,比如下拉加载。最后抛弃使用了view,下拉加载还不错。

5、enable-back-to-top这个属性是为了让用户点击顶部的时候可以回到顶部,但是貌似只能在第一个页面上生效,那其他列表怎么办?可能要手写方法了

6、navigationBarTextStyle设置顶部的颜色,微信公布的一个bug,兼容性不行,说延迟设置可生效,自测还是不行,等待官方解决。

7、回到顶部的业务不同,比如你在一个详情页中底部有更多阅读的链接,你需要刷新当前的view数据,并且回到顶部去,我看到有说设置scroll-view的scroll-top的值http://blog.csdn.net/qq_19558705/article/details/61414164,还不能固定一个数值,自测不太好使,自己想了个法子,设置view的显示和隐藏,同时设置scroll-top=0,效果不错。

8、在一个列表中,有多处显示和隐藏,一般来说,这样做并不太好,貌似也不符合小程序的设计模式,但是有时候产品嘛,想法总是跟大家不同,不做吐槽,只是确实有一个列表去展开和收起操作,我的做法是定义了一个只用于控制显示和隐藏的data数组,健是id值是class名,给元素绑定了事件,点击的时候更改这个calss,就是setData一下数组中的值就行了,说实话,不觉得这个体验好

9、小程序最多只支持5级链接,再往后就打不开了,详情页中如果有进入列表的按钮,可能要处理一下,我们的产品说这个不用管,点击不了让用户自己会退就行了,我表示沉默。当然,这个也有办法处理,如果你从推荐列表进入的,带上一个参数,进入详情后点击列表可以打开,从列表进去的再进入详情后,点击栏目就回退,反正也是同一个栏目的。但是如果你详情页中有太多列表数据入口那就惨了,你说是产品坑你,还是微信不救你呢,哈哈哈

ps:以上问题都是实践中遇到的问题,欢迎讨论