在梳理之前，先来了解渲染流程中一个概念---协调 协调（Reconciler） React 官方文档在对于协调的解释 React 提供的声明式 API 让开发者可以在对 React…

为什么使用xxx，散发思考三步 一句话解释xxx，首先一句话说清楚JSX是什么 核心概念，JSX用于解决什么问题，如何使用 方案对比。与其他方案的对比，说明选用JSX的必要性 一句话解释 JSX是JS的语法扩展，语法糖 核心概念 因为 React…

React 调度 相关阅读 深入理解 scheduler 原理 https://mp.weixin.qq.com/s/0vomFnPPNb27E76LBIQcsA 前言 React可以运行在node环境和浏览器环境中，在不同环境下实现requestHostCallback…

笔记-- 「一文吃透react-hooks原理」

什么虚拟dom 平时编写react时候，使用jsx语法糖，经过babel编译后会被转成一个个的createElement的方法。而createElement方法返回的描述dom节点对象就是虚拟dom。 虚拟dom是一种模式，是对ui…

传统diff 计算两棵树形结构差异并进行转换，传统diff算法的做法：循环递归每一个节点 dom diff 比如左侧树a节点依次进行对比，a->e、a->d、a->b、a->c、a->a，左侧其他节点也是，算法复杂度能达到O(n^…

合成事件 合成事件的触发基于浏览器的事件机制，通过冒泡机制冒泡到最顶层元素，然后再由dispatchEvent统一处理 浏览器事件机制 捕获阶段（父到子） -> 获取到目标元素 -> 冒泡阶段（子到父） Q:若对合成事件进行阻止，原生事件是否会执行。会 A…

setState是同步还是异步 react是会合并setstate的操作，避免多次渲染更新页面，造成一种异步的假象。React内部有一个全局唯一的标识(isBatchingUpdates)来表示是否进行合并更新。当生命周期函数或合成事件开始执行前，标识会设为true…