面试官：假如有十万条数据，前端应该怎么处理？分页渲染？no，你应该回答这个...

咣当一响_你币掉了:
后端返回十万条数据，怎么处理？我建议开除这后端！问这问题的面试官我严重怀疑对技术一窍不通

【回复】回复 @可怕的夏娜 :一看你就没做过什么项目，纸上谈兵？玩儿呢？哪个项目敢这么搞？一次返回10万条数据？我要是技术总监或者项目负责人，这些人通通给辞了[无语][无语]
【回复】回复 @一代猿佬-AJ :我们监控类的还真有，而且后端明确说了她不会做分页[酸了]
【回复】回复 @懒懒的丶懒懒 :你说的不就是虚拟列表？一次性返回十万条？逗着玩呢？我自己也是技术面试官，莫非比你还不清楚？
雨下一整晚_kk:
会有这种场景吗？十万条数据后端也吃不消啊

【回复】有的，我遇到过，这个功能是前端负责人自己做的，树形文件列表，还是可编辑的，那数据多得呦，优化到最后每次开还会转一会儿，真不知道需求怎么定的。
【回复】真的会有，一些大公司后端数据十万都是少的，百万千万级别的都有，看公司需求吧
【回复】回复 @玩世者 :让后端只取前10条，前端按拼音首字母，工号等进行筛选。10万条数据从数据库查出来都需要10秒以上。再加上后端的数据加工给前端差不多20秒，说不定会内存不足。等到前端这里只有超时这一个结果
程序员Rita:
【置顶】应小伙伴要求，整理了文字版和小demo，可以保存和运行，方便大家更好的梳理。wx公众号：【编程十点半】，回复【虚拟列表】领取哈。

【回复】另外～聚集了一波志同道合的前端小伙伴。wx公众号：【编程十点半】，回复【前端】加入交流大家庭。
是贝勒爷:
如果每行列表的内容高度不一祥，怎么确定可视区域第一条数据的索引呢

【回复】取最高值，我遇到最短4个最长30多个的手机端。按最大高度内容少很难看，但是不按照最高显示有问题，和产品干一架，多的省略通过其他方式查看详情[doge]
坚果砂糖:
处理过4条万的数据，用的就是虚拟列表一开始还挺好，。。。。。然后页面可以多开[滑稽]不出意外的内存爆了。 僵持了一个星期，最后还是靠后台的es辅助计算解决了。

想个名字是滴难:
后端必须要给分页数据啊，很好实现的

王老师-王雨:
上拉加载的数据都放在A数组里，要渲染的数据放到B数组里。 问题如下(请播主给下思路): 1 通过上拉加载，A数组里如到达了2千条数据，此时，通过按钮，返回到顶部，下拉刷新，此时要清空数组，再重新加载数据，那么要清空哪个数组的数据呢？A还是B，还是同时清空。问题是清空这2千条数据大约要5-7秒的卡顿(手机真机测试)，您说我要怎么处理 2 您的这个虚拟列表和下面介绍的是否是一回事。 uniapp里开发nvue页面，然后用官方的list配合cell，官方说也有高性能的优化，超出可视区域后，他会回收。我也这样写了，但下拉刷新时，清空数组这一步卡顿5-7秒。 以上两个问题请给予一下帮助，感谢您主播

【回复】我的理解，A数组里面的数据只是给B数组取的，所以清空的话，应该是清空B数组，然后再需要加载的时候，再将A里面的数据给B数据，这样是符合逻辑的。 uniapp我没用过，感觉下拉刷新就是清空B数组里的，然后重新去获取A数组里的就行，为啥清空数组要这么久...[脸红]
T1你李哥:
10万条数据你前端能处理，那20万条呢？30万条？100万条，1000万条？1亿条呢？[doge]

【回复】有没有一种可能，我是说可能啊，面试官只是想问一下数据体量很大的时候，前端比较好的处理方式🤓
【回复】回复 @程序员Rita :单表查询10万条数据mysql在1秒以内，js怎么展现？
环山漫步:
我就想滑动起来是什么样的，会不会卡顿

程序员Rita:
应小伙伴要求，出了一个文字版+基础小demo，代码可复制运行，方便大家梳理。wx公众号：【编程十点半】，回复【虚拟列表】领取哈

【回复】今天太忙啦，刚刚已发出，大家注意查收！[保卫萝卜_哭哭]
【回复】经常不知道视频出什么内容，大家的需求可以留言，票数多的可以安排！[爱心][爱心]
不会打游戏的NPC:
分页一般都是后端搞的,先返回一部分数据,再在前端二次分页展示

cbtpro:
标题要写清晰点，10万条数据和10M数据差异巨大的。 10万条数据，记录数虽然很大，但是占用内存非常小。只需要处理好dom渲染的问题基本就ok了，这就已经是一个比较大的技术点了，涉及虚拟dom、intersectionObserver、事件委托、截流、重绘、回流、gpu渲染等等。 扩展的来讲，还有很多可以一一来说的，数据分页、分类、聚合、下钻，离屏渲染】等等一些列的优化技术，面试的时候，能详细展开说说这些问题，就代表你有这个实力。