这篇文章去年中旬的时候就想写了，无奈在读源码的过程中，遇到了很多卡点，直到今天，才有勇气去写这篇文章，同时也希望可以给正在读React源码的小伙伴一个借鉴。 本文针对的是React18版本的代码...

最近比较空闲， 以前对React的了解总是有限， 故打算最近把源码给看了 阅读代码的思路会先直接通过打断点+github拉取源码的方式综合阅读， 从头开始把React整个执行链路大概搞清楚， 这个方面

LogicEngine 是滴滴开源项目里沉淀的逻辑引擎，支持业务领域内复杂的逻辑编排与动态渲染。架构基于规则引擎思路设计和实现，通过简单配置即可实现高级逻辑编排能力的扩展。

本次带大家认识一下目前 3 大主流开源编辑器（Monaco Editor、CodeMirror、Ace）的整体架构分析以及提供一些实战选型建议。

前言 首先声明，后续所有组件都会有类似详细的教程 + 代码演示（以前的组件库教程不用看了，这是一个新的开始，是生产环境可用的，并且拿国内知名组件库的功能和代码质量作为对比，市面上百分之95%的所谓re

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

大家好，我是哈默。上回，我们说到了 diff 的前 4 步。那么最后，我们还需要看一下 乱序 的情况 vue 是如何处理的。

预处理 文本预处理 在讨论 vue3 的快速 diff 算法前，我们要先了解一下纯文本 diff 算法的预处理。 现在有如下两段文本： 经过预处理后，剩下的文字部分就是我们需要进行 diff 操作的部

1、介绍 1.1 虚拟DOM 虚拟 DOM (Virtual DOM，简称 VDOM) 是一种编程概念，意为将目标所需的 UI 通过数据结构“虚拟”地表示出来，保存在内存中，然后将真实的DOM与之保持