前端面试会问到的数据处理问题

real代码渣渣

已于 2023-02-12 21:00:36 修改

阅读量389

点赞数 1

分类专栏： JavaScript 前端常见面试题文章标签：前端面试 javascript

于 2022-12-02 11:08:18 首次发布

本文链接：https://blog.csdn.net/qq_42765662/article/details/128144467

版权

JavaScript 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

前端常见面试题

1 篇文章 0 订阅

订阅专栏

本文针对前端处理大量数据时如何优化用户体验进行了详细探讨。提出了使用分页、requestAnimationFrame、createDocumentFragment、延迟加载及Worker线程等技术手段，旨在减少DOM操作频率，提升渲染效率。

摘要由CSDN通过智能技术生成

最近一直在参加招聘，寒冬莅临！到现在都没找到工作，我可太菜了！！！
说回正题，最近面试的时候被问到“前端面对大量的数据，要怎么处理，能优化用户体验？”，对于这个问题，一次没答上来的我决定来写一篇关于这个问题的博客。（没能第一次就来寻找答案应该是我辣鸡的原因之一了！！！）

面对后端返回的几十万几百万的数据，该如何处理？

使用setTimeout进行分页

对于大量的数据，进行分页操作，这样每个页面只需要对有限的数据进行渲染，每次渲染一个页面就ok了。

使用requestAnimationFrame

在渲染页面的时候，我们可以使用requestAnimationFrame来代替setTimeout，这样可以减少reflow次数，提高性能。requestAnimationFrame方法告诉浏览器您希望执行动画，并请求浏览器调用指定函数在下一次重绘之前更新动画。该方法将回调作为要在重绘之前调用的参数。