xiaotianhaha's recent timeline updates xiaotianhaha's recent timeline updates |
xiaotianhahaV2EX member #244549, joined on 2017-07-26 09:43:29 +08:00 |
| 刚听到前公司老板要结婚了，顿时震惊了 水 • xiaotianhaha • Oct 20, 2017 |
| jQuery UI dialog 有熟悉的么，我想问个问题 jQuery • xiaotianhaha • Oct 1, 2017 • Lastly replied by bzw875 | 1 |
| 新手求教， js 懒加载的问题 前端开发 • xiaotianhaha • Sep 2, 2017 • Lastly replied by xiaotianhaha | 14 |
xiaotianhaha's recent replies
Apr 17, 2019 Replied to a topic by sea516 › 奇思妙想 › 如果让你再一次选择大学专业，你会选择什么？ |
中文吧，想写作
Oct 20, 2017 Replied to a topic by noNOno › 程序员 › 面试过后一般多久收到通知,或者再也没有通知 |
面试后一周，也就是国庆节前一天，突然给我打电话，9 号来上班，也是很懵逼。然后今天我就在上班的间隙回了这个帖子。国企是慢，不过也可能是面试过其他人觉得我更合适一些吧。哎，优秀如我，真是烦恼
Oct 20, 2017 Replied to a topic by niselover › 程序员 › 双十一要来了，你们准备买点啥？ |
飞机杯是个啥玩意？没用过。想买台笔记本，web 开发，不知道 Mac 还是联想 ThinkPad 的，纠结
Sep 2, 2017 Replied to a topic by xiaotianhaha › 前端开发 › 新手求教， js 懒加载的问题 |
@autoxbc 非常感谢，看了你的分享，大概明白了。我今天又和老师沟通了，通过页面滑动看图片的 src 确实是在慢慢变化，只不过在页面上没有那种图片慢慢淡出来的效果。老师说我这就是懒加载，而且加载速度快，是好事啊。还有就是前面确实要加上<!DOCTYPE html>。
Sep 2, 2017 Replied to a topic by xiaotianhaha › 前端开发 › 新手求教， js 懒加载的问题 |
http://jsbin.com/zasesubeni/edit?html,output
我把代码贴在这里，各位帮忙看下，感激不尽。刚开始用 v2ex，所以不熟悉，各位见谅哈
我把代码贴在这里，各位帮忙看下，感激不尽。刚开始用 v2ex，所以不熟悉，各位见谅哈
Sep 2, 2017 Replied to a topic by xiaotianhaha › 前端开发 › 新手求教， js 懒加载的问题 |
@pimin 谢谢
Sep 2, 2017 Replied to a topic by xiaotianhaha › 前端开发 › 新手求教， js 懒加载的问题 |
谢谢
Sep 2, 2017 Replied to a topic by xiaotianhaha › 前端开发 › 新手求教， js 懒加载的问题 |
我重来，复制过来有问题
<html>
<head>
<style>
img{
display:block;
width:300px;
height:300px;
}
</style>
</head>
<body>
<img src="default.jpg" data-src="
" alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src="
" alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<img src="default.jpg" data-src=" " alt="">
<input class="btn" type="button" value="删除">
<script>
var imgs = document.getElementsByTagName("img");
var lenght = document.getElementsByTagName("img").length;
var n = 0;
lazyload();
window.onscroll = lazyload;
function lazyload(){
var seeheight = document.documentElement.clientHeight
var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
for (var i = n;i<lenght;i++){
var url = imgs[i].getAttribute("data-src")
var ourl = imgs[i].src
if(imgs[i].offsetTop < seeheight + scrolltop ){
if (imgs[i].getAttribute("src")==="default.jpg"){
if (imgs[i].getAttribute("src")==="default.jpg"){
imgs[i].src = imgs[i].getAttribute("data-src")
}
n = i+1;
}
}
}
</script>
</body>
<html>
<head>
<style>
img{
display:block;
width:300px;
height:300px;
}
</style>
</head>
<body>
<img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><img src="default.jpg" data-src="
" alt=""><input class="btn" type="button" value="删除">
<script>
var imgs = document.getElementsByTagName("img");
var lenght = document.getElementsByTagName("img").length;
var n = 0;
lazyload();
window.onscroll = lazyload;
function lazyload(){
var seeheight = document.documentElement.clientHeight
var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
for (var i = n;i<lenght;i++){
var url = imgs[i].getAttribute("data-src")
var ourl = imgs[i].src
if(imgs[i].offsetTop < seeheight + scrolltop ){
if (imgs[i].getAttribute("src")==="default.jpg"){
if (imgs[i].getAttribute("src")==="default.jpg"){
imgs[i].src = imgs[i].getAttribute("data-src")
}
n = i+1;
}
}
}
</script>
</body>
Jul 26, 2017 Replied to a topic by halicando › 程序员 › 都用github么？大家都主要用它来干什么？ |
gayhub，交友啊，全球最大的同性交友网站
Select Language