🎈本篇文章仅以发表笔者学习性能优化过程中的一些思想输出！（回流重绘-CSS硬件加速篇） css3 硬件加速？是不是听起来会觉得是一个很陌生的词🫨。css ？一个我写在编辑器上的东西，怎么能跟硬件挂上钩

面试中可能会经常会碰到怎么解决动画卡顿的问题，然后会引导到硬件加速。那么究竟什么是硬件加速，为什么它可以提高咱们的动画效率？我们今天就来一探究竟。

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

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

1. 了解浏览器的重排和重绘 1.1 什么是浏览器的重排和重绘 在网页开发中，浏览器的渲染过程涉及两个重要概念：重排（Reflow）和重绘（Redraw） 。 重绘（Redraw） ：当某些元素的外观

最近项目上线，用户一多，页面就卡得不行。首屏加载 3 秒起，滚动掉帧，手机发烫……被 QA 喊去聊了好几次。 没办法，只能低头研究性能优化。翻了一圈文档和实战案例，发现现代浏览器其实给了我们很多“外挂