怎么实现JS脚本延迟加载?这是一道非常高频的前端面试题,但是很多同学在面试时候都回答不出来。老规矩,点赞收藏,点点关注支持一下,给我一分钟,理想哥教大家该怎么满分回答这个问题如果我是求职者,我会这么回答:JS的延迟加载就是等页面加载完成之后再加载 JS 文件,有助于提高页面加载速度。可以有以下几种方式:第一:使用defer 属性添加defer属性后,浏览器会异步加载该JS脚本,加载完成之后不会立即执行,会在DOMContentLoaded 事件之前执行,defer可以保证脚本将按照它们在 HTML 中出现的顺序执行并且不会阻塞浏览器解析其它代码第二:使用async 属性添加async属性后,浏览器会异步加载该JS脚本,加载完成之后会立即执行,可以在DOM尚未完全下载完成就加载和执行该脚本,async 执行与文档顺序无关,先加载哪个就先执行哪个第三:动态创建 DOM可以对文档的load事件进行监听,当文档加载完成后再动态的创建 script 标签来引入 js 脚本。第四:使用 setTimeout 延迟我们可以设置一个setTimeout定时器来延迟加载 js 脚本文件第五:最后加载JS我们可以把 js 脚本放在文档的底部,来使 js 脚本尽可能的在最后来加载执行。以上就是这个问题的回答了,大家可以下次面试时试试这么回答看看效果。最后,欢迎关注理想哥,每天学点前端面试小技巧。
点赞 3
评论 0
全部评论

相关推荐

苍蓝星上艾露:这简历。。。可以试试我写的开源简历优化工具https://github.com/weicanie/prisma-ai
点赞 评论 收藏
分享
这个状态都快维持十天了
投递小鹏汽车等公司10个岗位
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务