查看运行完整流程

如上图所示,打开开发者工具,点击performance,然后点击2,进行记录

点击3按钮进行刷新页面内,最后点击4,stop,就生成了下面performance

整个流程分成三个阶段 1.初始化 主要创建fiberRoot 和 RootFiber 2.render阶段创建fiber树和标记更新effectTag 3.将更新渲染到页面上