React
一、React的特性:
用于构建用户界面的JavaScript库
二、React的特点:
声明式、组件化、跨平台编写
三、React哲学:
React使用JavaScript构建快速响应的大型Web应用程序的首选之一。它在Facebook和Instagram上表现优秀。
等待资源加载时间和大部分情况下浏览器单线程执行是影响web性能的两大主要原因。
(第一张图显示为影响等待资源加载的原因, 第二张图显示为影响浏览器线程执行的原因)
1.React哲学_Lazy&Suspense
下图中,左边部分是实现的具体代码,右边部分是呈现的界面。
2.React哲学_ErrorBoundary
下图中,左边部分是实现的具体代码,右边部分是呈现的界面。
3.React哲学_更新流程
Schedule(调度器)
- 维护时间切片
- 与浏览器任务调度
- 优先级调度
Reconciler(协调器)
- 将JSX转化为Fiber
- Fiber树对比(双缓存)
- 确定本次更新的Fiber
Renderer(渲染器)
渲染器用于管理一颗React树,使其根据底层平台进行不同的调用。