在了解执行过程之前,我们首先要了解javascript是一门高级编程语言,这也就说明电脑是不能直接识别高级语言的,需要将他编译成机器语言进行运行。
浏览器的工作原理
当我们输入一个人网址时,dns服务器将会把网址转换成相应的ip地址,并且去下载相对应的服务器中储存的静态资源,他会将index.html这个静态页面下载下来,并且进行识别,在识别过程中,遇到css链接或者<script>标签时,浏览器会分别将对应的文件下载下来,并形成相应的css文件和js文件。
然后浏览器开始逐步解析html文件,并形成一个HTML parser,进而生成一个DOM树,我们知道,js也可以进行DOM操作,所以在遇到js代码时,浏览器会先去解析js代码,并把相应的dom操作添加到DOM树中,接着,浏览器内核会去解析css代码,形成CSSparser,生成对应的样式,并与上文提到的DOM树结合一起到一起,我们称之为Attachment,结合之后生成渲染树Reader Tree,但是生成渲染树之后我们还有一个操作步骤,就是需要layout来整改布局,整改完成之后,我们能看到的网页也就完成了(display)。