Web前端面试指导(三十八):js延迟加载的方式有哪些?
来源:互联网 发布:软件设计师证书领取 编辑:程序博客网 时间:2024/05/02 20:24
题目点评
主要考察对程序的性能方面是否有研究,程序的性能是一个项目不断地追求的,通常也是项目完成后需要长期做的一件事情,像腾讯QQ依然对程序的性能不断地做优化,让用户的体验更好,性能优化的核心思想就是快,可以预先准备数据(如缓存的使用),可以按需获取,可以分段获取等都是常见的优化手段。
解题思路
1.defer 属性
<scriptsrc="file.js" defer></script>
浏览器会并行下载 file.js和其它有 defer 属性的script,而不会阻塞页面后续处理。defer属性在IE 4.0中就实现了,超过10多年了!Firefox从 3.5 开始支持defer属性 。
注:所有的defer脚本保证是按顺序依次执行的。
2.async 属性
<scriptsrc="file.js" async></script>
async属性是HTML5新增的。作用和defer类似,但是它将在下载后尽快执行,不能保证脚本会按顺序执行。它们将在onload 事件之前完成。
Firefox3.6、Opera 10.5、IE 9和 最新的Chrome 和 Safari 都支持 async 属性。可以同时使用 async 和 defer,这样IE 4之后的所有IE 都支持异步加载。
3.动态创建DOM方式
<script type="text/javascript"> function downloadJSAtOnload() { varelement = document.createElement("script"); element.src = "defer.js"; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load",downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload",downloadJSAtOnload); else window.onload =downloadJSAtOnload;</script>
4.使用Jquery的getScript()方法
$.getScript("outer.js",function(){//回调函数,成功获取文件后执行的函数 console.log("脚本加载完成") });
从源码可以看出,这个方法最后还是调用了jQuery.ajax()来请求了js文件的。
0 0
- Web前端面试指导(三十八):js延迟加载的方式有哪些?
- Web前端面试指导(十一):样式导入有哪些方式?
- js延迟加载的方式有哪些?
- js延迟加载的方式有哪些
- Web前端面试指导(十):元素定位有哪些?
- Web前端面试指导(四十):CSS3有哪些新特性?
- Web前端面试指导(五十一):javascript的编写规范有哪些?
- Web前端面试指导(四十九):web前端项目的结构是怎样的?文件有哪些命名规范?
- Web前端面试指导(十五):CSS样式-display有哪些作用?
- Web前端面试指导(四十一):html5有哪些新特性、移除了那些元素?
- Web前端面试指导(四十七):页面优化有哪些方法
- Web前端面试指导(五十):CSS样式书写有哪些规范?
- js延迟加载的方式
- JS延迟加载的方式
- Web前端面试指导(八):iframe有那些缺点
- Web前端面试指导(完结)
- js延迟加载方式
- js延迟加载的几种方式
- Android简易实战教程--第三十二话《使用Lrucache和NetworkImageView加载图片》
- JavaScript学习笔记(8)
- linuxSMP内核负载均衡
- windows10和ubuntu16.04双系统下时间不对的问题
- UVA 1151 Buy or Build(最小生成树+枚举子集)
- Web前端面试指导(三十八):js延迟加载的方式有哪些?
- 形参和实参值单向的值传递
- Ajax
- org.apache.jasper.JasperException: java.lang.NullPointerException
- hdu 5919 Sequence II 2016ACM/CCPC长春赛区现场赛J
- 通过v$bgprocess查看后台进程
- 进程与线程
- 论文阅读(4)--Part-Stacked CNN for Fine-Grained Visual Categorization
- HDU ACM 11 2022 海选女主角