m0_55411779的博客

原创 script标签的defer 和async属性

由于浏览器的底层渲染机制，当在渲染引擎在工作渲染页面是，如果遇到了script标签，如果是空标签它就会首先发起请求去加载运行script标签中的文件里面代码，这一部分是javascript引擎完成的，直到代码加载完成才会继续的切换为渲染引擎继续渲染页面，会阻塞页面渲染。会异步请求文件，当你请求文件如果还没请求结束页面渲染完了就不会阻塞然后会执行文件里面的代码，如果请求结束了页面还没有渲染结束它就会先运行文件代码，然后才会继续渲染页面，会造成阻塞。