html5 - 前端面试碰到了一个缓存数据的问题,来论坛上请教一下
高洛峰
高洛峰 2017-05-19 10:48:05
0
3
859

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(3)
淡淡烟草味

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

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

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

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

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

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

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

给我你的怀抱

前端分页(就是假分页呗

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

// 页面偏移量及每页尺寸
let offset, size
// 最终显示在页面的数据
let displayArr = dataArr.slice(offset, offset + size)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板