微信小程式開發常見問題（四）

知曉程式設計師發表於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，備註知曉程式設計師哦，歡迎討論問題 & 一起探討小程式人生~~


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


微信小程式開發常見問題（四）



相關文章