yyr_-优快云博客

原创（第五章）React 新架构 —— Fiber Reconciler 如何解决卡顿问题？

2026-04-15 01:11:57 321

原创 Promise 基础知识点总结

回调地狱是传统嵌套回调处理异步任务的痛点，代码可读性和可维护性极差；Promise 是标准化的异步解决方案，定义了统一的异步任务状态、转换规则和 API；基础 Promise 改造只是第一步，进阶用法才能彻底解决回调地狱问题。

2026-04-15 00:47:33 252

原创（第四章）React 旧架构的痛点 —— Stack Reconciler 为什么会卡顿？

在前面的章节，我们整体认识了 React 从 JSX 到页面渲染的工作流程，也知道 React 16+ 依靠 Fiber 架构实现了流畅的用户体验。但在 Fiber 出现之前，React 并不是完美的 —— 在复杂应用中，页面卡顿、掉帧、输入延迟是常见问题。React 旧架构到底存在什么缺陷，才逼得官方重写整个核心层？其实 React 架构的升级，本质上是“从不可控到可控”的转变：Stack 架构：简单直接，但递归不可中断、无优先级，大型应用易卡顿；

2026-04-11 15:31:02 306

原创（第三章）虚拟 DOM 深度解析 —— 为什么它能让 React 如此高效？

上一章我们整体梳理了 React 从 JSX 到页面的完整工作流，其中虚拟 DOM是贯穿全程的核心概念。很多人只知道 “虚拟 DOM 快”，但不知道它为什么快解决了什么问题本质是什么。本章我们彻底挖透虚拟 DOM，从原理到作用一次性讲清楚。虚拟 DOM = 用 JS 对象描述 DOM 的轻量树结构真实 DOM 笨重、昂贵，虚拟 DOM 轻量、高效虚拟 DOM 三大核心价值：缓冲层减少 DOM 操作跨平台渲染基础支撑 Diff 实现最小更新。

2026-04-11 15:07:16 350

原创（第二章）React 渲染全景 —— 从 JSX 到页面，到底经历了什么？

上一章我们搞懂了 React 是什么、解决了什么问题。这一章我们站在宏观视角，完整走一遍 React 的渲染链路：从你写的 JSX，到最终页面显示内容，中间究竟发生了哪些关键步骤？JSX 编译成，生成虚拟 DOM虚拟 DOM = 描述 DOM 的 JS 对象React 16+ 架构 = Scheduler + Reconciler + Renderer挂载 / 更新都分为两大阶段：Render 阶段：可中断，构建 Fiber、做 Diff、打标记。

2026-04-10 14:34:19 384

原创（第一章）重新认识 React —— 它到底是库还是框架？解决了什么问题？

该系列文章仅为作者学习 React 源码之后沉淀的输出内容，用于加深理解、回顾复习。在开始 React 核心原理之前，我们先把最基础、最容易混淆的概念彻底讲清楚：React 到底是什么？它出现之前前端是什么样？它究竟解决了什么问题？React 是UI 库，不是框架；框架是一整套方案。声明式渲染、组件化。React 之前是操作 DOM，React 之后是管理状态。

2026-04-10 14:15:48 409

原创解决使用nvm安装node v14及更早版本安装npm失败的问题

最近因为一些工作原因将工作区从wsl下的linux中迁移到了windows中，所以需要重新配置工作环境，在一个老项目中需要使用node v14来跑，于是开始使用nvm下载node v14。2. 如果不记得或者找不到nvm安装的目录可以去环境变量中查看，因为在windows中如果是通过nvm的 .exe 安装程序安装的nvm会将文件的位置写入到环境变量。5. 将npm的bin目录下的命令文件copy到v14.21.3的根目录下。在linux工作区的nvm安装没有出现如题中的问题。

2025-07-10 12:03:41 5140 4

m0_74251474的博客