博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
懒加载
阅读量:4618 次
发布时间:2019-06-09

本文共 544 字,大约阅读时间需要 1 分钟。

懒加载实质:

1.不加载全部图片
2.首先显示在页面中的图,首先进行加载
3.当屏幕发生滚动的时候,判断图片是否进入用户视野,来决定图片是否加载

 编写步骤
1.首先,不要将图片地址放到src属性中,而是放到其它属性(data-original)中
2.页面加载完成后,根据scrollTop判断图片是否在用户视野内,如果在,则将data-original属性中的值取出放到src中
3.在屏幕滚动事件中,重复判断图片是否进入视野,如果进入,则将data-original属性中的值取出放到src中

            
server.js代码部分: require('express')().get('*', function (req, res) {    res.sendFile(__dirname + req.path);}).listen(8888, function () {    console.log('启动成功');});
 

  

 

 

转载于:https://www.cnblogs.com/fyh123/p/6103575.html

你可能感兴趣的文章
详细了解 int? 类型
查看>>
纯js事件注册方法(解决兼容性)
查看>>
Ultimate Facebook Messenger for Business Guide (Feb 2019)
查看>>
博客开通第77天
查看>>
[git] warning: LF will be replaced by CRLF | fatal: CRLF would be replaced by LF
查看>>
mysql索引详解
查看>>
Log4j maven依赖配置
查看>>
HDU-4472 Count 递推
查看>>
活用这25种图表效果,你的数据可视化也能变得高级酷炫
查看>>
Azure PowerShell (12) 通过Azure PowerShell创建SSH登录的Linux VM
查看>>
[New Portal]Windows Azure Virtual Machine (16) 使用Azure PowerShell创建Azure Virtual Machine
查看>>
GMM模型
查看>>
unity3d log管理
查看>>
scp与rsync限速
查看>>
实验2-1-5 将x的平方赋值给y
查看>>
利用spring boot+vue做的一个博客项目
查看>>
595. 大的国家
查看>>
【原创】JQWidgets-TreeGrid 1、快速入门
查看>>
高精度库(支持小数、负数、整数、判断质数、阶乘、孪生质数等)
查看>>
VMDNAMD命令规则(转载)
查看>>