
2024-11-21 日报 Day13

今日的鸡汤
生活的真谛从来都不在别处,就在日常一点一滴的奋斗里。
今日学习内容
1、JS红皮书P14-17 第二章:HTML中的JavaScript
今日笔记
1、推迟执行脚本:defer属性,表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
延迟脚本会在文档解析完毕后,DOMContentLoaded事件触发前执行。这样可以确保脚本在文档解析期间不会对DOM进行操作,从而加快页面加载速度。
2、异步执行脚本:async属性,表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。
异步脚本不会按照它们在页面中出现的顺序执行,而是在下载完成后立即执行。这种方式对于不需要按照顺序执行的脚本非常有用,比如对页面进行统计分析或加载广告。
给脚本添加async属性,可以使脚本异步加载,不会阻塞页面的加载。但是异步脚本不能保证按照它们在页面中出现的顺序执行,所以要谨慎使用。异步脚本保证在页面的load事件前执行,但可能会在DOMContentLoaded事件触发之前或之后执行。
3、动态加载脚本:可以通过JavaScript动态创建script元素,然后将其添加到页面中。这种方式可以实现按需加载脚本,从而提高页面加载速度。使用预加载器