微信小程序开发踩坑指南">微信小程序开发踩坑指南

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

本文持续不定期更新（最后更新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中注册过，否则会报错