背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！

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

面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。

这是前端性能优化系列的文章，讲述一下市面上常见的前端长列表滚动性能优化的方案，并提供各个框架的实现策略，供大家参考！

前言 iframe 是一种外网页上显示外部内容的非常方便的方式。但是，如果说这个iframe 中的样式存在你不满意的地方，你如果想通过简单的在父容器上添加css 规则来改变它，这很明显是无效的，在本文

代码review，业务里的代码千奇百怪，到底还能遇到什么呢？oh no，真的有人在forEach里用异步调用！

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

文:hijackli视频学习网站腾讯课堂：https://ke.qq.com/慕课网：https://www.imooc.com/网易云课堂：https://study.163.com/官方文档W3C

工欲善其事，必先利其器。 以前学习一门新语言、新工具常常耗费非常多的时间精力，后来我就发现，不论工作学习，找到好的工具总是能事半功倍。