1. 程式人生 > >微信小程式總結

微信小程式總結

小程式總結

1.圖片路徑問題

在微信小程式當中,圖片路徑的問題當中,特別需要注意背景圖的路徑不允許使用本地的路徑,只能使用線上路徑的圖片以及base64為的編碼路徑。

2.資料自動重新整理

在微信小程式當中,js中定義的data相關資料,在js中對相應資料進行處理的時候,頁面上的資料也會自動更新,真正實現了無刷新技術,類似Vue框架的資料繫結。
其中自動重新整理用到的一個函式就是系統自帶的將資料更改之後傳送到渲染層面 
1.setData
Page({
    data: {
    text: 'init data',
    num: 0,
    array: [{text: 'init data'}],
    object: {
        text: 'init data'
        }
    },
changeText: function() {
    // this.data.text = 'changed data' // 不要直接修改 this.data
    // 應該使用 setData
    this.setData({
        text: 'changed data'
    })
},
})

3.呼叫本地介面的兩步設定

1.詳情中:不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書  (關閉)
2.設定->代理設定->不使用任何代理,勾選後直接連線網路  (勾選)

4.微信登陸的自己的服務介面

1.需要有一個單獨的controller層專門用來處理登陸的資訊處理
2.接收的引數主要是wx.login小程式函式返回的code,然後進行相對應的處理
3.對於資料簽名驗證需要下載官方的對應加密方式(https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/demo/aes-sample.zip);

5.快取機制的使用

//獲取app的資訊
var that = this;
wx.getStorage({
  key: 'appInfo',
  success: function(res) {
    console.log(res)
    var appInfomation = res.data;
    if(appInfomation != ''){
      console.log('success')
      that.setData({
        appInfo: appInfomation,
      })
    }else{
      that.getAppInfo();
    }
  },
  fail: function(res) {
  }
})
其中的that.getAppInfo();是呼叫介面請求資料,然後呼叫完成火炬資料成功之後要將資料進行快取