获得徽章 21
- #沸你不可# 我们都是分享 官冲冲冲
今日分享
@乛号水泥工，@答案cp3
分享知识点 script标签的默认，async，defer之间的差异。
默认情况下：浏览器会立即加载并执行指定的脚本。指定的脚本，指在script标签之上的脚本。所以，如果script放在header中，而对应的文件还未加载完成，会形成阻塞。所以这就是现在很多页面，都会使用默认且把scipt放在页面结尾的原因。
async情况下：async ，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。async是**乱序**的。
defer情况下：defer，加载后续文档元素的过程将和 script.js 的加载并行进行（异步），但是 script.js 的执行要在所有元素解析完成之后，DOMContentLoaded 事件触发之前完成。defer是顺序执行。
作者：逐步前行
链接：
juejin.cn 展开评论1 - 我们都是分享官 @乛号水泥工，@DaYe，@答案cp3, 分享css的 clamp 比较函数.
clamp(MIN, VAL, MAX) 使值在MIN和MAX之间
当 VAL < MIN 时 取MIN
当 MIN < VAL < MAX 时 取 VAL
当 MAX < VAL 取 MAX
如font-size: clamp(1rem, 10vw, 2rem);
当 10vw 小于1rem 时 font-size: 1rem;
当 10vw 大于1rem 但 小于2rem 时 font-size: 10vw;
当 10vw 大于 2rem 则, font-size: 2rem;
通常 中间的值会取一个相对单位(vw, %) 而 MIN和MAX会取一个相对固定的值
#沸你莫属展开评论2
![[衰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_34.cf5b4d5.png)
![[泪奔]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_85.43ad2fc.png)
apifox.cn