田先森

公司网站首次进入到内容出现间会有一段不小的白屏时间。该网站是用前端框架开发的CSR（Client Side Rendering，客户端渲染）应用，请以如下顺序回答： 如何分析首屏加载CSR的性能？ 分

方法一： 方法二： Fisher–Yates shuffle 洗牌算法 该方法就是每次在数组中随机产生一个位置，依次将数组中的每一项与该次产生的随机位置上的元素交换位置：

commitRoot方法是commit阶段工作的起点。fiberRootNode会作为传参。 在rootFiber.firstEffect上保存了一条需要执行副作用的Fiber节点的单向链表effec

协调器的执行被称之为render阶段，渲染器的执行被称为commit阶段。 render阶段开始于performSyncWorkOnRoot或performConcurrentWorkOnRoot方法

React Fiber可以理解为： React内部实现的一套状态更新机制。支持任务不同优先级，可中断与恢复，并且恢复后可以复用之前的中间状态。 Fiber包含三层含义： 作为架构来说，之前React1

React16的架构分为三层： Scheduler（调度器）—— 调度任务的优先级，高优任务优先进入Reconciler Fiber Reconciler（协调器）—— 负责找出变化的组件 Rende

v15的架构分为两层： stack Reconciler（协调器）—— 负责找出变化的组件 Renderer（渲染器）—— 负责将变化的组件渲染到页面上 Reconciler（协调器) 每当有更新发生

官网上说，React是构建快速响应的大型web应用的一个库。 影响快速响应的因素分为两种： 大量的计算，即CPU瓶颈 网络请求 ，即IO瓶颈 React想要构建快速响应的应用，那么就必须从这两个方向上

1. 对虚拟DOM的理解？ 从本质上来说，Virtual Dom是一个JavaScript对象，通过对象的方式来表示DOM结构。将页面的状态抽象为JS对象的形式，配合不同的渲染工具，使跨平台渲染成为可