面试题:渲染十万条数据解决方案2
之前写了渲染十万条数据解决方案,有两位朋友给出了不同的答案,这两种方案很厉害,我都没看过,想尝试着回答一下
一个朋友说:
考虑用canvas绘制列表,主要是渲染可视区域内的,滚动的时候进行增量渲染,把节点进行销毁、复用、新增,同时用离屏渲染来复用当前已经绘制过的内容
封印,不会 canvas。后续变强后再返工
还有就是这是一次性返回十万条数据的情况,但真实开发会如此吗?
如果后端一次性放回这么多数据,请求时就要花不少时间,如何提高体验呢?
正确的方法是请求时加上数量和页数,在后端进行分页,当划到指定位置(未触底)时请求接口,接口返回后拼接在原数据后面,虽然DOM数量增多,但有多少人会无聊到一直往下滑动呢