微信小程序小问题汇总

前言（此处省略200字…），记一下开发中自己遇到的一些问题

WXML WXSS

1. line-height 失效
   解决：flex 、padding…
2. background背景图放到服务器
3. page可以设置css
4. 父盒子catchtouchmove=“true”禁止穿透，如果包裹的内容需要滚动，需要使用scroll-viwe，否则在ios中，需要滚动的页面也被禁止滚动
5. 苹果6s的渲染机制不同，包裹两个元素的父盒子使用 flex时，如果元素有margin，margin可能被无视。
   解决：带margin的元素嵌套一个盒子，给盒子设置（元素宽+margin）固定宽度
6. 使用时，给设置宽高，img为宽高100%。
7. 当页面存在两个swiper组件，不给盒子固定高度，会出现两个swiper叠加。
   …再补充

JS

1. app.js中onLaunch比index.js中onLoad晚执行，全局所用的数据，可以放到index.js中请求
2. 在开发时，页面中使用两次的方法没有进行封装，之后维护和修复bug就emmm…，然后，看了一篇文章（小程序实现监听器） ，简直nice，可以直接用，在此谢过（but,要自己看原理啊）
3. 小程序为了提高用户体验，大部分都是异步的，结果就是如果有些方法之前的异步语句没有返回结果，下面就已经开始执行了，解决办法用promise

…再补充