html5 - 前端面试碰到了一个缓存数据的问题，来论坛上请教一下

Question

今天面试的时候面试官问我，如果一个页面是调用后台的某个接口拿到一个array，由100个对象组成。用这些对象十个为一页生成了一些组件，有页码可以切换显示，如果用户点击某个条目查看详细信息后再回到目录位置，或者是在目录位置刷新页面，该用什么样的技术来减少后台接口的调用次数。可以认为这组数据是类似条件筛选产生的，刷新或者返回在条件不变的情况下拿到的数据是相同的，求指点

Answer 1

不大明白你的意思，是说要做个假分页吗

Answer 2

• 也就是前端配置好查询参数，后端根据查询参数返回对应的数据

• 只需要将查询参数以及查询到的数据保存在本地

• 每次请求之前都判断查询参数是否和本地保存的一致

  • 查询参数一致，就用本地数据

  • 查询参数不一致，就重新请求

• 如果需要更深层次的优化，就需要拆分接口了。

Answer 3

前端分页（就是假分页呗

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

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