浏览器是个多进程结构，
- 浏览器进程:控制除标签页外的用户界面，包括地址，书签，后退，前进按钮等，以及负责与浏览器其他进程负责协调工作2.
- 缓存进程
- 网络进程 发起网络请求
- 渲染器进程 渲染Tab 有可能会为每个标签页是一个渲染进程
- GPU进程 渲染
- 插件进程 内置插件
下面说下渲染进程的过程
- 浏览器通过网络请求后获取html数据，通过tcp传给渲染器进程
- DOM - 主线程将html解析构造DOM树
- style - 样式计算
- layoutTree - dom+style 根据dom树和样式生成layoutTree
- paint -绘制 通过遍历 Layout Tree生成绘制顺序表
- laryer - 布局 然后根据主进程将layoutTree 和绘制信息表传给合成器线程
- 合成器线程 - 将得到的信息分图层分成更小的图块
- 栅格线程 - 将更小的图块进行栅格化raster，返还给合成器线程draw quads图块信息 存储在GPU中
- frame 合成器将栅格线程返回的图块合成帧交给浏览器进程
- 浏览器进程 收到一帧的图像后传给GPU进行渲染
重排：
当改变dom的属性时，会重新进行样式计算，会重新布局和绘制
重绘：
当改变颜色时，只会发生样式计算和绘制(layer)
requestAnimationFrame()
会将主线程的任务分散到每一帧的间隔，从而不影响动画的流程
Fiber
react利用浏览器的空闲时间做优化
Transform
会直接运行合成器线程，所以不会感染主线程的渲染
在移动端使用3d转换可以优化性能（如果设备有3d加速引擎 GPU 可以提高性能 , 2d转换是无法调用GPU，2G是靠的CPU）
