秀秀不只会前端

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

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

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

一、React 渲染架构 底层渲染流程大致可以分为两大阶段：render 阶段（Scheduler -> Reconciler）、commit 阶段（Renderer） 主...

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

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

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

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

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

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

一、computed 和 watch 概述 所有响应式逻辑都会依赖 effect 执行，computed / watch / render 本质都是 effect。 ​co...

一、Vue3 响应式系统概述 Vue3 响应式包 @vue/reactivity，核心由三部分构成： 核心目标： 拦截读取和设置操作 收集依赖 在数据变化时重新触发相关副作...

整体流程 完整的创建与渲染流程可以分成这些阶段： 创建 App 实例 创建根组件实例 设置响应式状态 创建渲染器（Renderer） 挂载 Mount vnode -> D...

一、为什么 React 要引入 Fiber？ 老架构（Stack Reconciler）的问题，React 16 之前： diff + render 是一次性同步递归 JS...

一、组件更新链路 二、Vue3 的虚拟 DOM 本质 Vue3 中的 VNode 是一个​高度优化的 JS 对象​： 三、diff 的目标 diff 的输入： diff 的...

现代浏览器进程模型（Chromium Site Isolation 架构） ​现代浏览器是多进程架构，每个 Render Process （渲染进程）中有多个线程（主线程、...

概念与适用场景 **什么是 SSE？**SSE（Server-Sent Events）是浏览器端通过 EventSource 与服务端建立的一条长期单向连接（HTTP），服...

Gulp 是一个基于流（Stream）的构建工具，用于自动化前端开发中的常见任务（如文件压缩、编译、自动化测试等）。它的设计理念是将任务流程处理成数据流，通过管道（Pipe...