用户6136685467191

上一章节# React源码解析系列(二) -- 初始化组件的创建更新流程讲解了React源码里面的ReactDOM.render()方法的实际调用流程，再者分为初始化创建与更新，并且我们也去看了Cla

上一章节 # React源码解析系列(一) -- babel解析jsx的那些事儿讲述了v16以及之前的版本、v17以及之后的版本的babel解析jsx的方式，阅读了React.createElemen

同作为MVVM框架，React相比于Vue来讲，上手更需要JavaScript功底深厚一些，欢迎阅读Vue源码解析系列，本系列将阅读React相关源码，从jsx -> VDom -> RDOM等一些列

本文就是对react17.0.2的源码进行解读，分析流程，水边画画流程图，本文就是对react17.0.2的源码进行解读，分析流程，水边画画流程图

与Redux(如果你想深入探究一下Redux你可以看React源码解析系列(九) -- Redux的实现原理与简易模拟实现这篇文章)一样，vuex也是一个公共状态管理库，pinia作为vuex的升级版

为了解决这个问题，我们的解决方案是--根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和oldVnode作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使oldVnode的值为Vnode…

上一章Vue源码解析系列(七) -- 模板tamplate在解析的时候做了哪些优化我们讲了optimize静态打点优化，以便于后期虚拟dom进行diff算法时候跳过当前静态节点，我们都知道递归对比是非常昂贵的操作，所以能减少次数，就减少次数。我们的入口文件: 我们看到了AST经…

上一章Vue源码解析系列(六) -- 模板tamplate是如何解析编译的我们讲了tamplate经过parse函数解析，经过词法分析、语法分析生成了AST对象，那么我们这一章就来讲讲在解析编译过程中Vue机制做了哪些优化吧,我们知道Vue就是通过optimize函数进行静态打…

首先通过while (html)去循环判断html内容是否存在。 //通过传入变量n来截取字符串，这也是Vue解析的重要方法，通过不断地分割html字符串，一步步完成对他的解析过程。