本文介绍了虚拟滚动的原理及虚拟滚动的实现过程，以及为onScroll进行节流的优化，防止回调函数高频触发。

当要展示的数据量很大的时候，可以采用分页的方式，但是用户在浏览信息时并不连贯。此时可以将数据缓存在本地，采用虚拟列表的方式展示，这里使用Vue3开发一个简单的虚拟列表。

长列表的优化策略主要有两种： 分片渲染（通过浏览器事件环机制，也就是 EventLoop，分割渲染时间）和本文重点介绍的虚拟列表

今天的话题是javascript中常被提及的「发布订阅模式和观察者模式」，提到这，我不由得想起了一次面试。记得在去年的一次求职面试过程中，面试官问我，“你在项目中是怎么处理非父子组件之间的通信的？”。我答道，“有用到vuex，有的场景也会用EventEmitter2”。面试官继…

运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 对象为引用类型，当复用组件时，由于数据

前言 温习一下 call、apply、bind的异同 共同点： 功能角度：三者都能改变 this 指向，且第一个传递的参数都是 this 指向的对象。 传参角度：三者都采用的后续传参的形式。 不同点：

TCP三次握手和四次挥手的问题在面试中是最为常见的考点之一。很多读者都知道三次和四次，但是如果问深入一点，他们往往都无法作出准确回答。 本篇尝试使用动画来对这个知识点进行讲解，期望读者们可以更加简单地地理解TCP交互的本质。 TCP 三次握手就好比两个人在街上隔着50米看见了对…

在不运行的情况可以先猜测下最终的输出，然后展开我们要说的内容。 1. 宏任务与微任务 依据我们多年编写 ajax 的经验：js 应该是按照语句先后顺序执行，在出现异步时，则发起异步请求后，接着往下执行，待异步结果返回后再接着执行。但他内部是怎样管理这些执行任务的呢？ 在 js …

说async/await执行顺序注意，可以把 chrome 的优化，做法其实是违法了规范的，V8 团队的PR这些自信点说出来，显得你很好学，理解得很详细，很透彻。 把node的事件循环也说一下，重复1、2、3点，node中的第3点要说的是node11前后的事件循环变动点。 Ja…