下拉重新整理 優化資料方案 增量更新

2021-10-02 04:08:57 字數 584 閱讀 5650

未使用優化方案前的**:

let ret = 傳送請求拿到的資料;

console.time(『setdata』)

this.setdata(

,() =>

)以上為正常的下拉重新整理設定,每次重新整理過後,將已經獲取到的資料和新請求來的資料進行合併;以達到正常呈現,但在資料較多,下拉次數較多的情況下,資料的載入時間會隨著資料增加而增加,超過300ms,影響使用者體驗

下面給大家推薦一種解決方案

let ret = 傳送請求拿到的資料; 

const data =

// 每次獲取到的資料為20條

// 如果是第一次獲取資料 data.goods為從0-19

// 後續更新第二頁資料 data.goods 為20-39

for (let i = 0; i < ret.goods.length; i++)

this.setdata(data)

這種方案不會再對已有的資料進行操作,只會對新獲取到的資料進行迴圈新增;這樣每次的資料獲取時間都很穩定,不會出現上面那種資料增多,時間增多的情況!

Android下拉重新整理資料

通過下拉螢幕來實現重新整理資料,這裡展示了一種實現方式,swiperefreshlayout swiperefreshlayout swiperefreshlayout view.findviewbyid r.id srl class main 設定重新整理 小圈的顏色 swiperefreshla...

Hive增量更新方案

hive增量更新方案 方案一 總結出來業界可行方案 1 hive原始表提前規劃好以時間分割槽,初始化裝載源庫記錄為base table 最新資料 2 每個相關表都會有乙個timestamp列,對每一行操作做了修改,都會重置這列timestamp為當前時間戳 3 新增資料通過sqoop 支援當天抽取 ...

uni app 下拉重新整理和上拉載入(優化)

先在pages.json中將需要新增上拉重新整理或下拉載入的頁面新增如下 enablepulldownrefresh true 開啟下拉重新整理 專案結構 pages enablepulldownrefresh true 開啟下拉重新整理 使用 定義兩個全域性變數 var timerupid,tim...