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

前言

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

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

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

未完待續。。。。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章