- 博客(13)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 从reactDom出发到更新调度的源码查看路径
React 18 渲染流程从 createRoot 到首次渲染的核心链路：1. DOM 入口层（ReactDOMRoot.js）完成容器校验、标记和事件监听；2. 调用 reconciler 的 createContainer 创建 FiberRoot 和 HostRoot Fiber，初始化状态和更新队列；3. root.render() 触发 updateContainer，创建更新对象并调度；4. 调度系统处理 lane 优先级，执行 render 和 commit 阶段。关键文件包括 ReactDO
2025-09-11 14:20:56
568
原创 React源码阅读顺序建议
中的 createContainer/updateContainer→转入 .old 文件，沿着 WorkLoop.old → BeginWork.old → CompleteWork.old → CommitWork.old 把一次渲染的生命周期走通。练习3：在 ReactFiberLane.old.js 里找离散事件相关的 Lane 与优先级，回到 ReactEventPriorities.old.js 对照事件→lane 映射。
2025-09-10 10:48:17
683
原创 三星手机解锁bootloader
三星tabs8+, 三星x800,三星x808,三星tabs8，三星fold3，三星fold4，三星fold5，都可以使用这个方法。
2025-08-21 09:42:25
656
原创 react源码学习第 4 周：commit 阶段（更新 UI）
React 会在 commit 阶段根据 Fiber 树中标记了flags的节点，依次完成：插入 DOM（placement）更新 DOM（update）删除 DOM（deletion）调用生命周期、Effect（useEffect/useLayoutEffect）
2025-06-20 10:41:46
1056
原创 第 3 周：Fiber 架构原理（调和流程）
从 React 元素（JSX）转成 Fiber 节点通过 beginWork 构建子 Fiber（递）通过 completeWork 完成当前 Fiber（归）收集 effect 到 EffectListcommitWork 真正执行 DOM 操作。
2025-06-18 20:25:20
1224
原创 一段代码的设计模式
上述代码主要体现了模块模式和单例模式，结合了一些外观模式和DAO模式的特点。通过封装内部状态和操作方法，提升了模块的可维护性和扩展性。这种模式在现代 JavaScript 项目中十分常见，是一种高效的设计实践。
2024-12-07 18:13:32
417
原创 注册模式下的应用场景
动态管理配置（如可视化编辑器、UI 配置面板）。插件机制（如 Webpack 插件、浏览器扩展）。国际化（动态注册文案）。动态权限系统。动态路由注册。通过这种模式，可以让系统在功能扩展和维护上更灵活、更可扩展。
2024-11-25 19:51:35
515
1原创 组合寄生继承和class继承的区别
先看下什么是原型继承 function object( o ){ var F = function(){}; F.prototype = o; return new F(); } var obj = { name : 'li', ...
2020-03-19 00:42:42
2394
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人