秀秀不只会前端

一、位运算基础 1.1 二进制本质 JS 的 Number 在做位运算时：会转为 32 位有符号整数。 例如： 1.2 核心运算 （1）按位或 | —— 合并状态 工程含义：合并多个状态 （2）按位与

它的目标只有一个：推进任务，但永远别饿死浏览器。 调度普通任务 React 19 最新 Scheduler 源码**（packages/scheduler）** 中，普通任务（非 Immediate，

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

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

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

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

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

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

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