jeddygong / frontend-document

前端每日一练,大厂面试题目,涵盖前端所有知识点,每天进步一点点。HTML/CSS/Javascript/Nodejs/Typescript/ECMAScript/Vue/React/Webpack/小程序/网络/设计模式/数据结构/算法/安全/工程化/性能优化
https://jeddygong.github.io/frontend-document
MIT License
10 stars 4 forks source link

[HTML] [2021.01.01更新] script标签中async和defer是什么意思?有什么区别? #1

Open jeddygong opened 3 years ago

jeddygong commented 3 years ago

async & defer

​ 浏览器在执行HTML的时候如果遇到会继续渲染页面。故浏览器在执行js文件的时候,浏览器表现为一片空白,为了解决这个问题ECMAScript定义了defer和async两个属性用于控制JS的下载和执行。

1.defer详解

红宝书上的解释

​ 这个属性的用途是表明脚本在执行时不会影响页面的构造,也就是说,脚本会被延迟到整个页面都解析完毕后再运行。因此在 Githubissues.

  • Githubissues is a development platform for aggregating issues.