整理【Event Loop】和【JS引擎】【 渲染引擎】【浏览器”帧“原理】的关系

引擎

JS引擎

组成

• parser：负责把 javascript 源码转成 AST
• interperter：解释器， 负责转换 AST 成字节码，并解释执行
• JIT compiler：对执行时的热点函数进行编译，把字节码转成机器码，之后可以直接执行机器码
• gc（garbage collector）：垃圾回收器，清理堆内存中不再使用的对象

流水线：解析源码成AST，之后AST转换成字节码，解析之行字节码。运行时会收集函数执行的频率，对于到达阀值的热点代码回转换成机器吗（JIT），然后直接执行。（暂时只要知道就好了）

渲染引擎

1 将html用parser解析成dom

2 将css用parser解析成cssom

3 合并、计算布局样式，生成render tree，把内容复制到显存由显卡完成渲染

浏览器”帧”是什么

前端可关注五大关键渲染路径