在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

虚拟滚动列表，虚拟滚动的关键在于只渲染当前视口内可见的数据项，而不是一次性渲染所有数据项。这可以显著提高性能，尤其是在处理大量数据时。addEventListener、

传统的文件上传方式对于大文件来说，容易出现上传失败的情况。本文将详细介绍如何使用JS技术实现大文件分片上传，并通过示例代码来展示其实现过程，并介绍使用JS来实现大文件分片上传的基本原理、逻辑和思路。

前言 大厂面试中除了问常见的算法网络基础，和一些八股文手写体之外，经常出现的一个问题就是，你做过什么项目吗？ 看似简单的题目却让很多同学不知如何回答，因为面试就像相亲一样，你心仪的妹子不想听你说小学二

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

在大文件上传场景中，传统的一次性上传方式会面临网络不稳定、内存占用高、服务器压力大等问题。本文将介绍如何通过分片上传、断点续传和秒传技术优化用户体验，并附上完整代码实现。

前言 大文件上传不能一次性将整个大文件直接上传，因为这可能会导致 内存占用过高、 网络传输不稳定等问题 所以通常的做法是把大文件分割成一个个小块，分别上传这些小块，最后在服务器端将这些小块合并成完整的

🎯 轮询是一种常见的客户端与服务器端通信的方法，通过定期发送 HTTP 请求来获取最新数据。这种方法虽然简单易实现，但在某些情况下会对主线程性能产生负面影响，比如需要兼容性能较差的手机和需要高性