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

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

提问者小葫芦

添加回答

3回答
给我你的怀抱

前端分页(就是假分页呗

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

// 页面偏移量及每页尺寸
let offset, size
// 最终显示在页面的数据
let displayArr = dataArr.slice(offset, offset + size)
赞同00个回复
伊谢尔伦
3个月前伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

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

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

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

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

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

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

赞同00个回复
淡淡烟草味
3个月前淡淡烟草味

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

赞同00个回复