小璞

前端开发工程师

嘻嘻嘻

赞

33

|

搜索文章

赞

文章( 33 ) 沸点( 0 )

一、React Fiber 架构与任务调度详解

目录问题背景：为什么需要 Fiber 核心概念与数据结构时间切片机制任务优先级调度双缓存机制架构设计思想提炼实际应用场景问题背景：为什么需要 Fiber {#问题背景} React 15

小璞
1月前
44
1
评论

一、React Fiber 架构与任务调度详解

序、React 架构设计核心学习点总览

通过分析 React 的架构，主要可以学习到以下解决复杂系统问题的核心思路。 React 详细架构全景图 (The Big Picture) 这张图展示了从用户交互到屏幕更新的完整内部流转过程，涵盖了

小璞
1月前
23
1
评论

序、React 架构设计核心学习点总览

二、React Reconciler 与 Renderer 分离架构详解

目录用生活案例理解分离架构 React 的跨平台挑战分离架构的核心设计深入 Reconciler 层深入 Renderer 层 Host Config 接口设计架构设计思想提炼手写一个简易

小璞
1月前
11
1
评论

二、React Reconciler 与 Renderer 分离架构详解

三、从 Class 到 Hooks：编程思维的本质转变

核心思维转变：从"生命周期"到"数据流" Class 组件的思维模式：生命周期导向思考方式： ❓ "组件现在处于哪个生命周期阶段？" ❓ "在这个阶段我应该做什么？" ❓ "我需要在多个生命周期方法

小璞
1月前
83
2
评论

三、从 Class 到 Hooks：编程思维的本质转变

四、虚拟 DOM 与 Diff 算法：架构设计的智慧

核心问题：如何在性能与开发体验之间找到平衡点？问题的起源想象你是 React 的架构师，面临一个两难选择：选择 A：直接操作 DOM ✅ 性能好：只更新变化的部分 ❌ 开发体验差：要手动追踪所有

小璞
1月前
42
1
评论

四、虚拟 DOM 与 Diff 算法：架构设计的智慧

五、React 合成事件系统：架构设计的优雅解决方案

核心问题：如何优雅地处理兼容性与性能？问题的起源想象你要在 React 中处理 1000 个按钮的点击事件：方案 A：原生事件绑定面临的问题：内存消耗：1000 个按钮 = 1000 个事件

小璞
1月前
22
1
评论

五、React 合成事件系统：架构设计的优雅解决方案

六、React 并发模式：让应用"感觉"更快的架构智慧

核心问题：如何让应用感觉更快？问题场景：卡顿的搜索体验想象一个搜索场景：用户体验问题：为什么会卡顿？传统解决方案 vs React 并发模式方案 1：防抖（Debounce）问题： ✅

小璞
1月前
55
1
评论

六、React 并发模式：让应用"感觉"更快的架构智慧

ES7

Array.prototype.includes求幂运算符

小璞
6年前
112
1
评论

async函数里，无论是Promise reject的数据还是逻辑报错，都会被默默吞掉,所以最好把await放入try{}catch{}中。catch能够捕捉到Promise对象rejected的数据或者抛出的异常

小璞
6年前
340
1
评论

ECMAScript7/8/9/Next

移除对 ECMAScript 在带标签的模版字符串中转义序列的语法限制。之前，\u开始一个 unicode 转义，\x开始一个十六进制转义，\后跟一个数字开始一个八进制转义。这使得创建特定的字符串变得不可能，例如Windows文件路径 C:\uuu\xxx\111。要取消转义…

小璞
6年前
550
1
评论

个人成就

文章被点赞 34

文章被阅读 7,375

加入于

2019-08-29