微信小程序那些使人眼淚汪汪的坑兒

前言

最近作了一個麻雀雖小，五臟俱全的微信小程序項目。一看就會，一用就廢的小程序。有些坑真的坑的你兩眼淚汪汪。我就愛幹前人栽樹後人乘涼的事兒，看到文章的你，也許是同道中人，相視一笑；亦或是小程序外圍人，發出 「哈哈哈哈哈哈哈」的笑聲。只說我踩過的，沒踩到的我也不敢胡說八道

1.css中竟然不能夠直接用本地圖片資源

前端在css中使用背景圖片，實在是太頻繁了。

若是你洋洋灑灑寫了一大串css樣式，一切又依賴於背景圖的父容器，再告訴你不支持直接使用本地圖片。哈哈哈哈是否是腦殼一蒙呢？好比這樣的錯誤

若是在CSS中使用base64 更是災難現場（一張圖片的base64 太太太太太太太長了）

太慘烈了 不忍放圖（心疼本身）

可是方法仍是要說的，找一個在線圖片生成base64的網站，拿到base64 放到url中

第二種就是老實的把圖片上傳到大家的服務器上
複製代碼

2.post請求明明寫了參數 可是後臺接收不到 what？

由於封裝了接口模塊，一開始覺得是參數是undefined 或者接口封裝的時候params沒有處理，或者確實參數沒有傳。。。

可是以上都不是的，get請求是能夠接受到參數。

忽然腦袋一靈光，post跟get content-type 是不同的，難道小程序沒有處理這一塊，須要本身手動改

小程序默認content-type 是 application/json

post請求 把header 該爲 application/x-www-form-urlencoded 就能夠了

header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
 
複製代碼

3.獲取手機號碼

微信小程序是能夠獲取用戶手機號碼的，好是好 就是反射弧有點長

若是你一開始 就忙着實現獲取手機號碼的功能 可能你會遇到這樣的狀況（細節問題）

首先必定要注意 獲取手機號碼 只對 認證 的小程序開發

怎麼樣是認證了的呢 （如下圖片 確定是沒有權限 不要覺得是開發者工具沒有權限） 是你使用的appid 沒有權限

登錄小程序管理後臺，小程序基本信息 查看是否定證了

木有認證的話，就去認證啦！通常是1-3個工做日（反正咱們是次日就審覈經過了）

再說一點

開發者工具 不能測試獲取手機號碼

可是

能夠用真機調試！！！！！

4. app onLaunch()跟 page onLoad() 讀取地址參數 是不同的

這個一不當心 就死在這個細節上了

app onLaunch()

page onLoad()

還有要記得APP 只有銷燬後 纔會再次調用纔會更新options

注意小程序的生命週期！！！

未完待續。。。。