文章詳情頁
html5 - 前端面試碰到了一個緩存數據的問題,來論壇上請教一下
瀏覽:108日期:2022-12-08 17:43:53
問題描述
今天面試的時候面試官問我,如果一個頁面是調用后臺的某個接口拿到一個array,由100個對象組成。用這些對象十個為一頁生成了一些組件,有頁碼可以切換顯示,如果用戶點擊某個條目查看詳細信息后再回到目錄位置,或者是在目錄位置刷新頁面,該用什么樣的技術來減少后臺接口的調用次數。可以認為這組數據是類似條件篩選產生的,刷新或者返回在條件不變的情況下拿到的數據是相同的,求指點
問題解答
回答1:不大明白你的意思,是說要做個假分頁嗎
回答2:也就是前端配置好查詢參數,后端根據查詢參數返回對應的數據
只需要將查詢參數以及查詢到的數據保存在本地
每次請求之前都判斷查詢參數是否和本地保存的一致
查詢參數一致,就用本地數據
查詢參數不一致,就重新請求
如果需要更深層次的優化,就需要拆分接口了。
回答3:前端分頁(就是假分頁唄
// 100 條數據的原數組const dataArr// 頁面偏移量及每頁尺寸let offset, size// 最終顯示在頁面的數據let displayArr = dataArr.slice(offset, offset + size)
標簽:
Html5
排行榜
