微信小程序開發踩坑經驗——小蝸社羣

以前遇到而且解決的坑，這邊也漸漸忘記了，在這裏就不列出來了……

一、wx.redirectTo和wx.navigateTo  以及系統自帶的tab：重定向和跳轉都能實現到某個界面，a、不過若是從tab的一個界面跳到另外一個tab的界面，就要用重定向，不然tab高亮位置會出錯；b、經過tab切換時，開發工具會打開新棧，這樣老的界面就沒法關掉了，超出8個時，跳轉和重定向都不能用了，真機上無該問題。

二、安卓手機上傳圖片，使用微信小程序提供的接口，提示找不到文件。上傳不成功！（蘋果手機能夠）

三、安卓手機預覽圖片，使用微信小程序提供的接口，沒有識別圖中二維碼功能，這樣就不能識別二維碼加好友。（蘋果手機能夠）

四、若是當前頁面是wx.navigateTo，而後wx.redirectTo出來的頁面，那麼當前頁面在開發工具上能夠wx.navigateTo或wx.redirectTo，可是在真機上，必須wx.navigateBack後在其回調中進行重定向或跳轉（注意，若是getCurrentPages()的length爲1，則不能back，不然真機上會退出微信小程序）。具體緣由不清楚，反正坑了我很久，最終測試出這種解決方案。

近日更新：

五、在開發者工具中，wx.redirectTo()的表現形式不是當前頁面出棧，新頁面入棧；而是用新頁面的內容替換除底部導航部分。真機上表現正常。

六、背景圖片，若是用background：url($url)，且是寫在app.css中：開發者工具中圖片地址爲"../../images/a.png"；安卓上圖片地址爲"images/a.png"；iphone上不管哪一種地址都沒有效果。碰到這種情況，能夠考慮在頁面中用image標籤，而後讓該標籤絕對定位到想要的位置。

七、底部導航圖標，若是用本身設計的，有可能會出如今安卓上表現不錯，到iphone上就糊掉了。碰到這種情況能夠考慮用http://www.iconfont.cn/plus上面提供的圖標