浏览器运行原理：网页被解析过程、script元素和页面解析的关系、defer和async使用；V8引擎执行原理（执行js）

一、浏览器渲染页面的流程

1.如何找到服务器

2.找到服务器如何下载对应的静态资源

 输入完服务器地址，下载下来的一般是html文件，在解析html文件过程中，遇到link引用了css文件，就下载对应的css文件，js文件同理

3.一个index.html文件被下载下来后，如何被解析和显示在浏览器上的

 

 

 

 1.解析html，会构建对应的DOM Tree

 2.css下载解析

 

 3.DOM Tree、CSS Tree构建Render Tree

4. 布局和绘制：确定呈现树中所有节点的宽度、高度、位置信息，将每个节点绘制到屏幕上

 

 

 5.回流和重绘

回流需要重新布局layout,消耗性能比较大

重绘只是重新绘制，没有改变布局，消耗性能相对小

 

 6.特殊解析-composite合成

 

 4.script元素和页面解析的关系

 5.defer和async使用

• defer会在DOMTree构建完成，回调DOMConetntLoader事件之前，先执行完defer中代码；多个脚本时也会按照顺序下载执行
• async：下载完脚本立即执行，不管DOM构没构建完；多个脚本不会按照顺序，不会等待其他脚本

 二、V8引擎执行原理

 

 

 

 v8引擎会搜集你的运行信息，看哪些函数经常运行，经常使用的函数，可被存为优化的机器码，后面直接运行机器码，不需要对字节码做翻译，

如果传入类型不一样了，他就会将机器码重新转换成字节码，后如果多次执行，又生成优化的机器码，所以ts在某种成度上可以提高对应js代码性能

所以，代码中尽量函数中传入的类型是一致的

 

 

 

 

 

 ；