前端如何渲染十万加数据到页面上

需求:前端渲染十万加数据到页面上?

A：我有句话不知当讲不当讲,这什么鬼需求。

B：滚，后端,我不要这样的数据,你就不能分页给我吗。

C：10万条数据这怎么展示，展示了也看不完啊。

在chorme浏览器中正常渲染非常卡，渲染页面大概花掉10秒左右的时间，卡顿非常明显，性能瓶颈是在将html字符串插入到文档中这个过程上。

本人翻阅过很多资料，主要有以下几种解决方案：

1. setTimeout分时渲染，但会占内存，滚动时重新渲染后续也会非常卡；
2. 优化交互，触发搜索后进行渲染；
3. 分页请求渲染；
4. 虚拟列表；可以借鉴这篇文章mp.weixin.qq.com，里面讲解非常详细；

能在后台处理掉最好，如若不能还是建议使用方法4。