秀秀不只会前端

一、React 调度和事件循环的密切联系 1、React 在“调度”什么？ 也就是我上篇文章说过的这些东西： beginWork completeWork diff 构建 workInProgress

一、React 渲染架构 底层渲染流程大致可以分为两大阶段：render 阶段（Scheduler -> Reconciler）、commit 阶段（Renderer） 主要的阶段可以总结为两个公式：

1. React 核心架构 React 的设计核心（设计哲学）是： 声明式 UI + 虚拟 DOM 组件化与状态驱动渲染 单向数据流 高性能调度与渲染执行模型 2. React16 之前的架构问题 旧

一、Canvas 是什么？ Canvas 是高性能渲染引擎。 <canvas> 是一个位图渲染容器 所有内容都通过 JS API 绘制 绘制完成后，浏览器只认识「像素」，不再关心你画了什么 canva

一、Pinia 概览 Pinia 本质是：「基于 Vue3 响应式系统 + effectScope 的“全局可控副作用容器”」 Pinia 核心代码集中在： 二、createPinia 全局容器 2.

一、keep-alive 概述 源码位置： keep-alive 是一个抽象组件，它不产生真实 DOM，只影响子组件的渲染/生命周期（只“包裹 & 接管”子组件）。 二、keep-alive 渲染流程

Vue 的调度系统 = 副作用执行顺序 + 去重 + 批量刷新 一、Vue 为什么需要调度系统？ 如果没有调度，会发生什么？ 如果每次 set 都立即触发： 造成后果： 性能问题 顺序不可控 DOM

一、Vue 编译器整体架构 Vue3 把编译器拆分为三个部分： 核心目标是把 template 转成“尽量少 diff 的 render 函数” 最终产物不是字符串，而是： 二、编译流水线 Vue 编

一、computed 和 watch 概述 所有响应式逻辑都会依赖 effect 执行，computed / watch / render 本质都是 effect。 ​computed​：带缓存的、惰