性能优化 - 你能说一说,如果服务端一次性给前端返回1万条数据,前端该如何处理吗

难度级别:中高级及以上                               提问概率:65% 


在真实工作中,如果遇到服务端一次性返回给前端1万条数据的场景,是非常不应该的。如果服务端可以给前端一次性返回1万条数据的话,那说不准哪次的接口请求数据就会更多。海量的响应数据无疑会使接口响应速度变慢,用户处于长时间的等待中,甚至还会造成接口响应超时。而且大多数需求场景下,前端也很少有一次性要展示上万条数据的情况,所以如果前端遇到这种情况的话,应该尽量与服务端做接口协调,改为分页请求的方式。

如果排除接口响应失败的情况,只是就这道题而言,这属于特殊场景解决型面试题,那么从前端开发的角度来看,应该做出哪些应对方案呢?

首先这种大批量的数据获取,很可能并不是实时产生的,而是服务端采用定时任务的方式,每隔一段时间采集一次响应给前端显示。这样前端就可以在第一次获取数据过程中添加loading等待提示效果,等请求到响应数据后隐藏loading等待提示,将数据存储到localstorage中,并且通过与服务端协商为localstorage存储设置过期时间。通过这种方式,前端只是第一次

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/600201.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【r-tree算法】一篇文章讲透~

目录 一、引言 二、R-tree算法的基本原理 1 数据结构 2 插入操作 3 删除操作 4 查询操作 5 代码事例 三、R-tree算法的性能分析 1 时间复杂度 2 空间复杂度 3 影响因素 四、R-tree算法的变体和改进 1 R*-tree算法 2 X-tree算法 3 QR-tree算法 五、R-tree算法的…

2024年最新渗透测试工具,看完赶紧存了!(工具包限时分享)

前言: 为了保护网络及国家安全,国家增强了对网络安全人才培养与建设的投入力度。网络安全相关职位的薪资待遇颇为丰厚,相关资格证书的补贴也相当可观,吸引了大批网安爱好者前来学习。但网络安全领域并不缺乏从业者,而…

使用 C++ 和 Eigen 库理解 IMU 数据处理与可视化

使用 C 和 Eigen 库理解 IMU 数据处理与可视化 在本文中,我们将探讨如何使用 C 和 Eigen 库处理和可视化惯性测量单元(IMU)数据。IMU 数据在各种应用中至关重要,包括机器人技术、导航系统和虚拟现实。我们将探讨如何读取 IMU 数据…

千视携 NDI 6 轻量化媒体方案亮相北京CCBN展会

展会简介 第30届中国国际广播电视网络技术展览会(CCBN)将于4月24至26日在北京首钢会展中心举行。此次展会将汇集全球各大数字媒体、广播电视单位以及IT、通信技术厂商。展会重点关注数字化转型、智能媒体、融媒体等主题,并展示最新的5G、4K/8…

基于starganvc2的变声器论文原理解读

数据与代码见文末 论文地址:https://arxiv.org/pdf/1907.12279.pdf 1.概述 什么是变声器,变声器就是将语音特征进行转换,而语音内容不改变 那么我们如何构建一个变声器呢? 首先,我们肯定不能为转换的每一种风格的声…

vue项目入门——index.html和App.vue

vue项目中的index.html文件 在Vue项目中,index.html文件通常作为项目的入口文件,它包含了Vue应用程序的基础结构和配置。 该文件的主要作用是引入Vue框架和其他必要的库,以及定义Vue应用程序的启动配置。 import Vue from vue import App …

HBase详解(2)

HBase 结构 HRegion 概述 在HBase中,会从行键方向上对表来进行切分,切分出来的每一个结构称之为是一个HRegion 切分之后,每一个HRegion会交给某一个HRegionServer来进行管理。HRegionServer是HBase的从节点,每一个HRegionServ…

谷歌浏览器插件开发速成指南:弹窗

诸神缄默不语-个人CSDN博文目录 本文介绍谷歌浏览器插件开发的入门教程,阅读完本文后应该就能开发一个简单的“hello world”插件,效果是出现写有“Hello Extensions”的弹窗。 作为系列文章的第一篇,本文还希望读者阅读后能够简要了解在此基…

由 LDO 稳压器 CAT6219-330TDGT3提供快速响应时间,快速启动 实现高效率解决方案

CAT6219-330TDGT3是一款 500 mA CMOS 低漏稳压器,在负载电流和线路电压变化期间提供快速响应时间。 快速启动特性允许使用外部旁通电容器,可降低总体输出噪声,而不会影响仅为 150 s 的导通时间。 零关断电流和 55 A 的低静止电流典型值使其适…

【随笔】Git 高级篇 -- 整理提交记录(下)rebase(十六)

💌 所属专栏:【Git】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大…

JavaScript(二)-Web APIS

文章目录 Web API 基本认知作用和分类什么是DOMDOM树DOM对象获取DOM对象操作元素内容操作元素属性操作元素常用属性操作元素样式属性自定义属性 定时器-间歇函数定时器函数的理解定时器函数使用间歇函数 事件监听与绑定事件监听事件监听版本事件类型事件对象什么是事件对象获取…

搭建Zookeeper集群:三台服务器,一场分布式之舞

欢迎来到我的博客,代码的世界里,每一行都是一个故事 搭建Zookeeper集群:三台服务器,一场分布式之舞 前言前置设置主机名对应关系要有java环境 步骤1. 下载和解压 ZooKeeper:2. 配置 ZooKeeper:3. 配置集群节…