简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html5 - 前端面试碰到了一个缓存数据的问题，来论坛上请教一下
高洛峰
高洛峰 2017-05-19 10:48:05
0
3
837

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

高洛峰
高洛峰

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

全部回复(3)
淡淡烟草味
淡淡烟草味2017-05-19 10:50:05 3 楼

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

点赞 +0
添加回复
伊谢尔伦
伊谢尔伦2017-05-19 10:50:05 2 楼

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

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

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

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

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

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

点赞 +0
添加回复
给我你的怀抱
给我你的怀抱2017-05-19 10:50:05 1 楼

前端分页（就是假分页呗

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

// 页面偏移量及每页尺寸
let offset, size
// 最终显示在页面的数据
let displayArr = dataArr.slice(offset, offset + size)
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！