html5 - 前端面試碰到了一個快取資料的問題，來論壇上請教一下

Question

今天面試的時候面試官問我，如果一個頁面是呼叫後台的某個介面拿到一個array，由100個物件組成。用這些物件十個為一頁產生了一些元件，有頁碼可以切換顯示，如果使用者點擊某個條目查看詳細資料後再回到目錄位置，或者是在目錄位置刷新頁面，該用什麼樣的技術來減少後台介面的呼叫次數。可以認為這組資料是類似條件篩選產生的，刷新或傳回在條件不變的情況下拿到的資料是相同的，求指點

Answer 1

不大懂你的意思，是說要做個假分頁嗎

Answer 2

• 也就是前端配置好查詢參數，後端根據查詢參數回傳對應的資料

• 只需要將查詢參數以及查詢到的資料保存在本地

• 每次請求之前都判斷查詢參數是否和本地保存的一致

  • 查詢參數一致，就用本地資料

  • 查詢參數不一致，就重新要求

• 如果需要更深層的最佳化，就需要拆分介面了。

Answer 3

前端分頁（就是假分頁唄

// 100 条数据的原数组
const dataArr

// 页面偏移量及每页尺寸
let offset, size
// 最终显示在页面的数据
let displayArr = dataArr.slice(offset, offset + size)