script 标签的 defer 与 async
各自的特点
defer：延迟脚本
- 立即下载。不影响其他操作，如下载其他资源，HTML解析。
- 延迟执行。将延迟到整个页面都解析完毕后再运行，也就是到浏览器遇到
</html>标签后再执行。 - 理论按顺序执行，实际不是。HTML5 规范要求脚本按照它们出现的先后顺序执行，并且会在 DOMContentLoaded 事件触发前执行。但是，在现实中，延迟脚本并不一定会按照顺序执行，也不一定会在 DOMContentLoaded 事件触发前执行。（《JavaScript高级程序设计》（第三版））
- 最好只包含一个延迟脚本。
- IE<=9时支持但会有bug
async: 异步脚本
- 立即下载。不影响其他操作，如下载其他资源，HTML解析。
- 立即执行。下载完既执行，暂停HTML解析。
- 不确定顺序执行。一定会在页面的 load 事件前执行，但不确定在 DOMContentLoaded 事件触发前后执行。
- 建议异步脚本不要在加载期间修改DOM
- IE<=9时不支持
src : 可选表示包含要执行代码的外部文件。
- 外部JavaScript文件的.js扩展名不是必需的，因为浏览器不会检查包含JavaScript的文件的扩展名。如果不使用.js扩展名，请确保服务器能返回正确的MIME类型。
- 带有src属性的
<script>元素内的代码会被忽略。
特殊操作
- 同时使用defer和async。浏览器会忽视defer属性,按照async执行。
比较
引用segmentfault一个答案的一张图
结论
- 日常开发中就都放在
<body>底部。 - 对于完全独立的脚本来才去使用async。例如：Google Analytics
html5
重温
基础知识
推荐阅读
Vite插件介绍
插件可以理解为一种遵循某种规范，实现某种功能的程序。Vite插件就是赋予Vite更强大的功能，与Webpack不同的是，Webpack有区分Loader和Plugin，而在Vite中Loader也是作为Plugin去实现，这也是源于Vite是借助Rollu...
achuan9阅读 445
从零搭建 Node.js 企业级 Web 服务器（零）：静态服务
过去 5 年，我前后在菜鸟网络和蚂蚁金服做开发工作，一方面支撑业务团队开发各类业务系统，另一方面在自己的技术团队做基础技术建设。期间借着 Node.js 的锋芒做了不少 Web 系统，有的至今生气蓬勃、有的早已夭折...
乌柏木赞 140阅读 11.8k评论 10
从零搭建 Node.js 企业级 Web 服务器（十五）：总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了，回顾第零章曾写道：搭建一个 Node.js 企业级 Web 服务器并非难事，只是必须做好几个关键事项这几件必须做好的关键事项就...
乌柏木赞 60阅读 5.9k评论 16
再也不学AJAX了！（二）使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章，希望读者通过阅读本系列文章，能够对 AJAX 技术有更加深入的认识和理解，从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇，最近更新于 2023 年 1...
libinfs赞 39阅读 6.1k评论 12
从零搭建 Node.js 企业级 Web 服务器（一）：接口与分层
分层规范从本章起，正式进入企业级 Web 服务器核心内容。通常，一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的，如下图：从上至下，抽象层次逐渐加深。从下至上，业务细节逐渐清晰。视图...
乌柏木赞 39阅读 7k评论 6
【关于Javascript】--- 正则表达式篇
基础知识一、元字符 {代码...} 二、量词 {代码...} 三、集合 字符类 {代码...} 四、分支 {代码...} 五、边界 开始结束 {代码...} 六、修饰符 {代码...} 七、贪婪模式和非贪婪模式js默认贪婪模式即最大可能的匹配...
Jerry赞 35阅读 2.9k
从零搭建 Node.js 企业级 Web 服务器（二）：校验
校验就是对输入条件的约束，避免无效的输入引起异常。Web 系统的用户输入主要为编辑与提交各类表单，一方面校验要做在编辑表单字段与提交的时候，另一方面接收表单的接口也要做足校验行为，通过前后端共同控制输...
乌柏木赞 32阅读 6k评论 9
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。