微信小程式開發常見問題(四)

知曉程式設計師發表於2018-03-09

微信小程式開發常見問題(四)

知曉程式設計師,專注微信小程式開發的程式設計師!

一、小程式不同頁面之間的傳值方式

a、URL傳值

這種方式最常用,比如:

wx.navigateTo({
  url: '../detail/detail?cid='+cid+'&access_token='+access_token
})複製程式碼

這裡面直接通過跳轉頁面的URL進行傳值,然後在另一個頁面進行接收:

onLoad: function (opt) {
  console.log('cid =' + opt.cid);
  console.log('access_token =' + opt.access_token);
}複製程式碼

這種傳值方式只適合值比較少的時候使用,傳值比較多的時候,還是建議寫本地快取~


b、本地快取

小程式API提供了本地快取資料的API,預設可以快取10M的資料,如下:

wx.setStorageSync('checkin', checkin);複製程式碼

checkin是一個object,在需要的頁面直接呼叫wx.getStorageSync即可獲取,這樣就解決了傳值較少的問題了。


c、全域性APP

其實還有第三種方式,就是全域性APP變數。app.js和app.wxss中的程式碼都是全域性生效的,所以我們可以利用這一點兒,在不同頁面之間進行傳值。

App({
  onLaunch: function () {
    
  },
  globalData: {
    host: 'https://api-xcx-qunsou.weiyoubot.cn/xcx',
    // 版本升級時這裡的version加1並替換versionFeature的文案即可
    version: 2,
    versionFeature: '更新說明'
  }
})複製程式碼

也可以在其他JS裡面動態修改globalData,如getApp().globalData.host = 'XXX';


二、textarea的鍵盤BUG

有同學可能會遇到這個問題:show-confirm-bar='false'設定不生效,導致鍵盤還帶有“完成”按鈕,預期效果是沒有“完成”button~

這個值如果要設定為true的話隨便輸入就可以了,但是如果是要設定false的話就需要設定變數或者留空:

show-confirm-bar='' 或者 show-confirm-bar='{{showConfirm}}'


三、小程式中如何生成分享小程式碼

官方文件:https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

(微信小程式官方文件不支援搜尋,這真是太TM坑人了~)


文件大家自己去看吧,我們需要注意以下幾點:

1、通過該介面,僅能生成已釋出的小程式的二維碼。

2、可以在開發者工具預覽時生成開發版的帶參二維碼。

3、介面A加上介面C,總共生成的碼數量限制為100,000,請謹慎呼叫。

4、POST 引數需要轉成 json 字串,不支援 form 表單提交。

5、auto_color line_color 引數僅對小程式碼生效。


另,今天下午微信小程式官方釋出重大訊息:

1、小程式支援開啟APP了

2、小程式標題欄,想變就變


看到這兩條訊息後,先想到的是:

1、能否在小程式中直接開啟支付寶紅包?目前從官方介紹中沒發現可以這樣做,看有沒有哪家小程式搞出點兒名堂~

2、小程式標題欄可以變化之後,是否可以像APP裡開屏廣告一樣,全屏展示廣告?tabbar可能是個坑人的地方~


《END》



微信小程式開發常見問題(四)

知曉程式設計師,一個專注於微信小程式開發的程式設計師~


如果對小程式技術感興趣,歡迎勾搭連勝老師,微信:13718712821,備註知曉程式設計師哦,歡迎討論問題 & 一起探討小程式人生~~


掃描下方二維碼,關注知曉程式設計師,實時瞭解小程式動態 & 小程式開發相關內容~


微信小程式開發常見問題(四)



相關文章