類似微信聊天向上滾動逐漸顯示歷史訊息功能

1.第一步：得到歷史訊息。

得到歷史訊息在值錢的部落格裡寫著有，就不再寫一次了。這裡我可以寫一下聊天介面。就類似於微信或者QQ聊天的這種大眾化審美的樣式。

進入正題

當我獲取了當前的10條訊息後，將訊息setData進當前頁資料。然後將能夠獲得下次聊天記錄的兩個重要資料存在storage裡面：

wx.setStorageSync('lastMsgTime', resp.LastMsgTime);
wx.setStorageSync('msgKey', resp.MsgKey);

頁面顯示我是用 <scroll-view></scroll-view>

scroll-view有一個屬性，滑動到頂部觸發方法：bindscrolltoupper。我們就需要在滑動到頂部時，再一次呼叫得到歷史訊息這個方法。然後將新得到的那以前的10條訊息放在另一個方法內，unshift進去。（因為是歷史訊息嘛，必須在陣列頭部）。
在unshift之前，需要把10條訊息調轉個順序。也就是array.reverse;
然後再一個一個的解析。
然後重點來啦！！！！

  currentMsgsArray.unshift(currentMsg);//將每一條資料unshift到聊天記錄頭部。
  //第一次刷新歷史記錄currentPage為1，重新整理一次就+1
  var infactLength = (that.data.currentPage - 1) * 10 + that.data.currentMsgCount;
  //然後判斷
    if (currentMsgsArray.length == infactLength) {
        var num = infactLength - (that.data.currentPage - 1) * 10
 

    //話說必須在unshift完以後，在將資料setdata。不然聊天介面會滾動了。哈哈，我當時研究了好久
        that.setData({
            currentMsgsArray: currentMsgsArray,
            toview: 'chat' + num
        });
    }

大概就是這麼寫了。
或許也有些不足，沒怎麼多研究，有錯的地方可以指出來哈。