灵梦乡

前提 React函数组件里有很多hooks，他们在不同的阶段，dispatch的是不同的 在renderWithHooks函数里，会根据不同的阶段，分别赋值 这是在moun...

diff算法核心函数reconcileChildren reconcileChildren函数是实现Virtual DOM diff算法的核心载体，主要负责在组件更新时...

当完成渲染流程后，需要finishConcurrentRender提交渲染 1.finishConcurrentRender 该函数 finishConcurrentRen...

接着上文，当我们确定了任务优先级后，调度并发任务scheduleCallback scheduleCallback有两个入参，一个是schedulerPriorityL...

6.processComponent 组件处理 通过 n1 是否存在判断挂载/更新阶段 1.mountComponent 组件挂载 这是vue组件挂载的入口函数 函数接收多...

渲染函数 setupRenderEffect 当setupComponent初始化组件结束后，进入同步渲染阶段 setupRenderEffect是Vue组件渲染的核心部分...

3.render 创建完vnode节点后，我们开始进入render也就是渲染阶段，也就是app实例里的render方法 1.patch optimized 标志控制是否使用...

7. 进入任务调度 ensureRootIsScheduled 1.markStarvedLanesAsExpired 标记过期的Lanes 饥饿更新检测 遍历所有待处...

我们一般创建一个vue3项目会从createApp或createSSRApp开始，createSSRApp是服务端渲染的入口，createApp是客户端渲染的入口。 1.c...

1.updateContainer 1.requestEventTime 时间原点机制 返回的是以应用启动时间为原点的相对时间戳（使用 performance.now() ...

一般我们都会从createRoot开始入手分析react的源码 ReactDOM.createRoot(rootElement).render(<App />); 总体r...

打造属于你自己的 Mac（Next.js+Nest.js TS全栈项目）TurboPack+TurboRepo...

对于前端工程师来说，必须要有一个拿手的框架 Vue和React没有好坏之分，熟悉其中一个，另一个也要学习，这样才有对比性，能帮助我们更好的理解...