1. 程式人生 > 程式設計 >微信小程式學習總結(五)常見問題例項小結

微信小程式學習總結(五)常見問題例項小結

本文例項總結了微信小程式常見問題。分享給大家供大家參考,具體如下:

問題一

先來看我遇到的第一個問題
以下是我建立的目錄

微信小程式學習總結(五)常見問題例項小結

當建立完這個json檔案之後,報了下面一個錯

微信小程式學習總結(五)常見問題例項小結

這個是我的報錯資訊。

解決方法:開啟這個json檔案,輸入兩個一對花括號完事。

問題二

以下是我引入js的程式碼,絕對路徑報錯。

var postsData = require('/data/post-data.js')

報錯資訊:

Uncaught Error: module “pages/post/data/post-data.js” is not defined

改正後的

var postsData = require('../../data/post-data.js')

資料

如果在onLoad方法中,如果是非同步執行一個數據繫結,則需要使用this.setData方法。如果不是非同步是同步的話,那麼只需要對this.data賦值可實現資料繫結

格式化程式碼

shift + alt + F

資料快取

需要說明的這個是資料的本地快取,可以對本地快取進行設定、獲取和清理。同一個微信使用者,同一個小程式 storage 上限為 10MB。

設定快取

wx.setStorageSync('key','value');

獲取快取

wx.getStorageSync('key')

清除快取

//清除所有快取
wx.clearStorageSync();
//清除指定快取
wx.clearStorageSync('key');

介面互動

顯示訊息提示框

wx.showToast({
 title: '成功',icon: 'success',duration: 2000 //設定彈框時間
})
//也可以這麼寫  三元運算的方式 根據需要來
wx.showToast({
 title:result?'確定收藏':'取消收藏',duration: 2000 
})

顯示loading

    wx.showLoading({
     title: '載入中',//顯示載入
    })

    setTimeout(function () {
     wx.hideLoading()  //取消載入
    },2000)

詢問框

    wx.showModal({
     title: 'hello',content: postCollected?'確認收藏嗎':'確認取消收藏嗎',success: function (res) {
      if (res.confirm) {
       //更新快取
       wx.setStorageSync('post_collected',postsCollected);
       that.setData({
        collected: postCollected
       })
      } else if (res.cancel) {
       console.log('使用者點選取消')
      }
     }
    })

微信小程式學習總結(五)常見問題例項小結

列印的res

微信小程式學習總結(五)常見問題例項小結

​顯示操作選單

   onShareTap:function(event){
    wx.showActionSheet({
     itemList: [
      '分享給微信好友','分享到朋友圈','分享到QQ'
     ],itemColor:'#405f80',success:function(res){
      console.log(res)
     }
    })
   }

顯示效果

微信小程式學習總結(五)常見問題例項小結

獲取全域性變數

app.js

app({
  globalData: {
  g_name: "huangyuxin"
 }
})

使用

detail.js

var app = getApp();

希望本文所述對大家微信小程式設計有所幫助。