大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

大家都知道浏览器事件循环中有宏任务队列，但大家知道它是多个队列，或者准确来说是多个集合，而且队列之间优先级不同吗？

软件的性能分析，往往需要查看 CPU 耗时，了解瓶颈在哪里。

node.js 快速定位服务性能问题利器-火焰图实战，分析程序性能瓶颈，快速定位问题，优化并改善服务质量

俗话说 “工欲善其事，必先利其器”，我们作为服务的开发者，代码的编写者，如果没有两把刷子，没有金刚钻，也很难把这个活干好。linux中有很多性能检测和调优的工具，火焰图就是其中非常牛逼的一个

早先跟张师傅有学习过一些火焰图的东西，在后来的工作和实践中帮助很大，故将这个火焰图的系列梳理，总结并在公司内部分享，现在将文档再加以总结分享输出出来，里面有一些资料是之前网上很多前辈有的，如果相同，纯

史上最全的火焰图详解，一文让你读懂什么是火焰图前世今生，巧用工具来快速分析性能情况，便捷实现系统调优。