微信小程序开发踩坑指南

微信小程序很新，同时也意味着很多坑，特此记录，希望后来者少走弯路。

本文持续不定期更新（最后更新2017年01月16日）

1. swiper无法显示，需指定宽高才可以正常显示
   如果你参照微信官方文档写swiper的话，会发现根本无法显示，需要给swiper元素增加宽高才行，在wxss中定义如下：

   //wxss 给swiper定义了宽高和居中swiper{   margin: 0 auto;      height: 200px;      width: 100%;}

   参考：

   http://blog.csdn.net/nongweiyilady/article/details/54144209

2. swiper内部的image无法正确显示，有白边
   swiper内部的swiper-item中的image，默认会有一个宽度，320px，如果只设置外部swiper的宽度为100%，不设置image的宽度，就会出现如下图的迷之白边
   
   最右侧的样式表里面可以看到默认的宽高，修正方法很简单，定义image的width属性为100%即可.

       //wxss    image{        width:100%;    }

   效果如下：
   

3. 页面跳转报错：navigateTo:fail url not in app.json

   相对路径写法

   wx.navigateTo({    url: "../site/site"});

   绝对路径写法

   wx.navigateTo({    url:"/pages/site/site"});

   url的写法必须是相对路径或绝对路径，并且page要在app.json中注册过，否则会报错