暂无搜索历史
我们在上一篇文章中已经知道了从模版字符串到返回虚拟Node的render函数需要经历三个阶段:
本文先会分析Vue3的编译过程主要包含哪些环节,理解了主体环节后,再带着大家深入分析AST的生成过程。
Vue3是一个编译时和运行时相结合的框架。所谓编译时就是把我们编写的模版代码转化成一个render函数,该render函数的返回结果是一个虚拟Node,而运行时...
本文会从函数patchChildren函数讲起,先让大家理解该函数的核心功能。接着分析diff算法的具体实现。
前面我们分析patch函数的时候,我们知道了内部通过不同类型的判断来调用不同的函数来比较新旧虚拟Node之间的差异并抹平这种差异,当时也介绍了patch函数调用...
前面我们知道了,从虚拟Node到真实Node是借助一个叫做render的函数来完成。本文会带着大家进入render函数,先从从总体上把握Vue3的渲染核心流程以...
读完前面的文章,相信大家已经能对Vue3的响应式原理有比较深入的掌握。但仅仅掌握响应式原理是不够的,我认为Vue3有3大支柱。
函数createReactiveObject最关键的逻辑,就是创建了一个Proxy实例并设置处理器。根据类型不同,处理器可能是处理集合类对象的处理器或者处理普通...
在前面的文章中,我们分析了reactive、effect、mutableHandlers之间的相互协作关系。本文会重点分析effect.ts中的每一个API及相...
从图中可以看出,reactivity的具体实现由12个代码文件组成。看过上一篇文章的朋友可能会觉得惊讶,当时极简版的代码是这样的简单,不足50行。没错,当时写的...
有可能朋友们会疑惑,源码分析为什么要从reactivity讲起,而不是从其他地方开始分析?请大家先看Vue3官方文档中的包依赖关系图:
对项目的构建,本质上就是执行一段程序,让我们编写的代码,处理成一个符合实际场景需要的可执行的程序文件。当然对于Vue3的构建也不例外。在Vue3中,根据实际需要...
从定义中可以知道,monorepo是一种策略,该策略的具体内容是:多个项目存储在同一个代码仓库中。采用一种策略,肯定是因为该策略具备一些优点。当然,也要认清其缺...
在开始本文之前,我们将微前端07 : 对single-spa的路由管理及微应用状态管理的分析中的微应用状态切换流程图放到这里,方便大家阅读本文的时候进行回顾:
从流程图中,关于路由管理的初始化,single-spa做了4件事情。我们同时看看代码:
从整体上看,registerApplication一共做了4件比较重要的事情。首先,是对参数进行处理,对应代码片段1中的关键点1,参数处理函数sanitizeA...
微前端02 : 乾坤的微应用加载流程分析(从微应用的注册到loadApp方法内部实现)
我们先来看一张流程图:接下来我会根据流程图的顺序依次对其中重要环节依次进行讲解,请看下文。
对沙箱机制的具体应用,本质上就是对沙箱容器的控制,至于什么是沙箱容器,我们直接看代码:
我们在微前端01 : 乾坤的Js隔离机制原理剖析(快照沙箱、两种代理沙箱)一文中提到过,乾坤建立在single-spa的基础上,相对于single-spa,乾坤...
暂未填写公司和职称
暂未填写个人简介
暂未填写技能专长
暂未填写学校和专业
暂未填写个人网址
暂未填写所在城市