页面前端开发与设计的区别|.net前端开发面试题目|
1 , 如何实现图片的预加载?请写下你的实现方法。
如果使用
实现方法:在img上添加data-original属性来存放url.在img添加hegiht和width,或者
$(‘.img’).layload({
threshold: 200
})
threshold:200表示距离可视区200px的时候加载这张图片。更多API:/fanmiao/p/6002907.
使用
使用方法:
var img = document.getElementsByTagName(‘img’),
imgUrl = [];
for (var i = 0; i < img.length; i++) {
var oImg = new Image();
oImg.src = img[i].data – url;
oImg.onload = function () {
img[i].src = img[i].data – url;
oImg.onload = null;
}
}
在加载图片完成以后 oImg.onload = null; 是为了放在IE浏览器内存泄漏,以及gif图片多次触发onload事件
使用
window.onload = function () {
document.getElementById(“preload-01”).style.background = “url(http://domain.tld/image-01.png) no-repeat -9999px -9999px”;
document.getElementById(“preload-02”).style.background = “url(http://domain.tld/image-02.png) no-repeat -9999px -9999px”;
document.getElementById(“preload-03”).style.background = “url(http://domain.tld/image-03.png) no-repeat -9999px -9999px”;
}
使用ajax。原理和使用js原理一样。
前端开发没有经验也可以面试|前端开发需要做的工作|初级前端开发需要会哪些