LOL和王者大家都玩过吧？我们今天就拿这个来举例 什么是防抖？ 英雄技能就是一个典型的节流，每释放一次技能之后都需要冷却时间。这个技能是必须等cd转完之后才能再次释放， 所以说，规定的时间里只执行一次

总结 通过自己的实践发现，网上相传的虚拟滚动实现方案有种是行不通的（涉及浏览器机制） 实现虚拟滚动，滚动元素中利用上下两个只有高度的空盒子撑开空间是不可行的 html布局示意： 可行方案： html布

关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

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

做前端少不了跟动画打交道，那么实现一个动画有哪些方式呢？本文主要学习 requestAnimationFrame API， 顾名思义，请求动画帧，也称帧循环。

requestAnimationFrame官方介绍 requestAnimationFrame用处概述 window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，

文章以图/文/代码案例三种结合的形式解读。毋庸置疑,前端缓存一定是前端架构者必定需要考虑的因素，也是开发者的巨大加分项。是前端性能优化中最重要的知识点之一。