react-fiber::Christmas_tree:模拟 react fiber 实现过程

时间:2024-06-13 12:45:07
【文件属性】:

文件名称:react-fiber::Christmas_tree:模拟 react fiber 实现过程

文件大小:147KB

文件格式:ZIP

更新时间:2024-06-13 12:45:07

HTML

学习react-fiber实现原理 虚拟DOM长啥样 更直观一点 虚拟DOM就是用JS对象来描述DOM结构, raf概念以及应用 raf函数中的callback会在每一帧开始之前执行 回调函数会在绘制之前执行 requestAnimationFrame(callback) 会在浏览器每次重绘前执行 callback 回调, 每次 callback 执行的时机都是浏览器刷新下一帧渲染周期的起点上 requestAnimationFrame(callback) 的回调 callback 回调参数 timestamp 是回调被调用的时间,也就是当前帧的起始时间 rAfTime performance.timing.navigationStart + performance.now() 约等于 Date.now() ric概念以及应用 我们希望快速响应用户,让用户觉得够快,不能阻塞用户的交互 使开


【文件预览】:
react-fiber-main
----.gitignore(310B)
----package.json(814B)
----src()
--------element.js(702B)
--------index.js(5KB)
--------App.js(383B)
----public()
--------messageChannel和RAF模拟RIC.html(3KB)
--------mc.html(644B)
--------index.html(514B)
--------raf.html(848B)
--------ric.html(2KB)
----doc()
--------1.react15之前的问题.js(1KB)
----README.md(2KB)
----.eslintcache(1KB)
----yarn.lock(496KB)

网友评论