码迷,mamicode.com
首页 > 微信 > 详细

写小程序的一些小坑

时间:2018-12-02 13:00:48      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:下拉   form   相对   箭头   更新   预览   head   code   navig   

1.关于数据绑定的问题

  小程序更新data后只是把数据的值更新,不会刷新页面,比如滑动的列表不会回到顶部,导致使用swiper有个小bug:

    就是swiper的数据是后台请求的,可通过切换tab标签动态获取,如果在切换之前swiper处在第三张或者更多(比将要点击的tab下的swiper多),那切换后swiper会是空白,解决办法是,每次切换要手动初始化swiper的current    属性,使其停留在第一张。

2.关于生命周期的问题

  生命周期函数不要写成箭头函数,否则this会取不到

   切换底部导航时页面不刷新问题,可以用onShow函数掉一次接口重新获取数据解决,或者写一个下拉刷新

3.图片预览问题

  ios没有问题,安卓会黑屏,原因是预览的图片必须是http或https开头的url,相对路径会黑屏

4.背景图片不显示的问题

   这应该是小程序的bug,解决方法:

   1. 将背景图片转成base64   2.将图片放到服务器,使用url显示

5.关于picker组件

   1. 触发弹窗时一定要点击在内容上才可触发,点击空白处无效,这个解决看具体需求,比如加个默认值之类的

   2. 安卓和ios的样式不一样,如果对这个有要求建议使用第三方组件(如:有赞)

6. 关于post请求

  如果要传请求参数,header中要写这个 ‘content-type‘: ‘application/x-www-form-urlencoded‘,官方文档说的 ‘content-type‘: ‘application/json‘ 这个,貌似不管用

7. 小程序没有过滤器

  可以用wxs解决,但是要处理传入的value undefined的时候,否则会报错,因为这个方法执行的快一些,数据还没有传过来,当数据传来后又执行一次,第一次很可能undefined

8. 关于小程序码识别的问题

      如果二维码识别的是小程序通过 navigate 跳转后的子页面,进入小程序后将回不到首页,因为小程序会认为这是首页,如果有可以回到首页的需求,我的解决办法是,识别后进入首页根据scene参数进行子页跳转

 

暂时就想到这么多,如果遇到问题再补充

  

写小程序的一些小坑

标签:下拉   form   相对   箭头   更新   预览   head   code   navig   

原文地址:https://www.cnblogs.com/yueqian-jmy/p/10052936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!