lin嘟嘟嘟

从本篇文章开始，我将和大家一起梳理React源码相关知识点，预计写10篇左右，通过本专栏的学习，相信大家可以快速掌握React源码的相关概念以及核心思想，向成为大佬的道路上更近一步。

本文将要介绍一下 react 对于大量数据场景的处理。一般分为两种方案： 虚拟列表(主要应用在长列表渲染) 时间分片(主要应用在点位渲染) 接下来将围绕以上两点进行讲解和实践； 场景一：虚拟列表

# 前置知识 事件流包含三个阶段, 按照以下顺序依次执行 ```js 1. 事件捕获阶段 2. 处于目标阶段 3. 事件冒泡阶段 ``` 原生事件会产生一些跨平台的兼容问题 1. 阻止冒泡 - 在微软

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

Vue3改用proxy替代object.defineProperty。因为proxy可以直接监听对象和数组的变化，并且有多达13种拦截方法。

前期准备 本篇文章的编写目的是为了提升TS类型的书写质量，高质量的类型可以提高项目的可维护性并避免一些潜在的漏洞; 在学习本篇之前需要需要有一定的TS基础知识，在此基础上可以更好的完成各种类型的挑战，

本篇我们接着《React 之 Scheduler 源码解读（上）》，讲解延时任务的执行源码。 scheduleCallback 依然从 unstable_scheduleCallback这个入口

本篇补充讲解 Scheduler 源码中的三个小知识点。Scheduler 中有一个 getCurrentTime 函数，它的具体实现如下：

说是实现，但其实我们只是在 React Scheduler 源码的基础上进行简化，省略掉繁琐的细节，添加了丰富的注释，保证代码可直接执行。大家可以复制代码到编辑器中，直接运行，非常适合学习 React