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

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

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

 
3
 
+1
-1
 
分享
全部回复 (3)我来回答
    给我你的怀抱
    0楼
    给我你的怀抱 · 7个月前

    前端分页(就是假分页呗

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

      赞+0添加回复

    伊谢尔伦
    0楼
    伊谢尔伦 · 7个月前

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

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

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

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

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

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

      赞+0添加回复

    淡淡烟草味
    0楼
    淡淡烟草味 · 7个月前

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

      赞+0添加回复

    首页上一页1下一页尾页