文档章节

延时加载

ycYinG
 ycYinG
发布于 2016/12/08 16:11
字数 232
阅读 1
收藏 0
点赞 0
评论 0

####延时加载主要原理 当页面没有滚动到指定位置的时候,页面中不需要显示的图片不加载,当页面滚动到指定位置时,加载并显示相应的图片 ####具体实现 1.先让图片不加载,即让图片的src属性改变为_src 2.当页面滚动到图片刚开始的位置的时候,加载图片 3.所谓的加载就是将图片的_src的属性值赋值给src完成加载操作 4.判断当图片距页面的上边距小于浏览器高度+滚动距离时,加载图片 ####需获取的变量 页面的滚动的距离 var top = document.body.scrollTop || document.documentElement.scrollTop; 图片距离页面的上边距 var offtop = img[i].offsetTop; 获取浏览器的高度 var clientH = document.documentElement.clientHeight; ####判断条件
for (var i = 0; i < img.length; i++) { if (img[i].offsetTop < top + windowHeight) { img[i].src = img[i].getAttribute('_src'); } }

© 著作权归作者所有

共有 人打赏支持
ycYinG
粉丝 1
博文 10
码字总数 4889
作品 0
昌平
程序员
EF架构~看看下面这代码,你还敢用它的延时加载吗?

linq to entity或者linq to sql都提供了非常方便的延时加载功能,什么意思?就是说在建立对象时,它会将数据库中的表关系同时建立进来,然后在查询时,如果用到的外键表的数据,才会建立这个...

mcy247 ⋅ 2017/12/06 ⋅ 0

LINQ-to-SQL那点事~关于延时加载的性能,微软给出了不错的解决方案

 LINQ-to-SQL虽然已经属于过去事了,但由于历史原因,还是要关注一下它,呵呵,当微软推出linq to sql之后,最吸引开发者的地方可能就是可视化的数据模型,灵活可控的分部方法及神神秘秘的延...

mcy247 ⋅ 2017/12/06 ⋅ 0

GOF-23种设计模式——单例模式(学习笔记)

1、核心作用。 保证一个类只能有一个实例,并且提供一个访问该实例的全局访问点。 2、常见的应用场景。 Windows的Task Manager(任务管理器)就是典型的单例模式。 Windows的Recycle Bin(回...

小杰滔滔 ⋅ 2016/06/22 ⋅ 0

iOS开发中如何解决TableView中图片延时加载

IOS开发中如何解决TableView中图片延时加载是本文要介绍的内容,主要是来学习TableView加载图片的问题。具体内容来看本文详细内容。 经常我们会用tableView显示很多条目, 有时候需要显示图片...

鉴客 ⋅ 2012/01/09 ⋅ 0

Java 单例模式 总结整理

分享总结常见的5种单例模式: 第一、单例模式的使用场景 A、Windows的任务管理器、回收站、文件系统如F盘,都是很典型的单例模式 ; B、项目中,读取配置文件的类,一般也是单例模式,没有必...

故新 ⋅ 2017/11/09 ⋅ 0

mybatis多表关联查询 - N+1次查询+延迟加载

对象一对一关联 实体类: ClassroomMapper.xml StudentMapper.xml 关联集合对象 实体类: StudentMapper.xml ClassroomMapper.xml N+1次查询执行sql命令多次,效率低。 解决办法:1.添加缓存...

garkey ⋅ 04/01 ⋅ 0

优化highcharts加载体验

项目中用到highcharts,由于有大量的自定义tooltips数据,造成网络传输延时增加,一般情况下网络传输数据量大概在200多KB,影响用户体验。 优化方案: 初始化加载时只加载基本的x,y轴数据(大...

zj_oschina ⋅ 2013/12/23 ⋅ 0

求教:JPA延时加载的使用

刚上手JPA不久,问题好多呀! 惭愧, 也请各位XDJM不吝赐教。 延时加载 的前提条件是 EntityManager 没有关闭, 一般情况下DAO 中的每个方法都有一个事务, 方法结束的时候自然会把事务提交,...

子木007 ⋅ 2011/09/07 ⋅ 7

js实现网页图片延时加载(加载可见区域)的原理和代码 提高网站打开速度

有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加...

daniel-john ⋅ 2014/06/21 ⋅ 0

Python编写微信打飞机小游戏(三)

  Python编写微信打飞机小游戏(一)   Python编写微信打飞机小游戏(二)   Python编写微信打飞机小游戏(三)   Python编写微信打飞机小游戏(四)   Python编写微信打飞机小游戏...

u013088062 ⋅ 2015/11/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java Web如何操作Cookie的添加修改和删除

创建Cookie对象 Cookie cookie = new Cookie("id", "1"); 修改Cookie值 cookie.setValue("2"); 设置Cookie有效期和删除Cookie cookie.setMaxAge(24*60*60); // Cookie有效时间 co......

二营长意大利炮 ⋅ 今天 ⋅ 0

【每天一个JQuery特效】淡入淡出显示或隐藏窗口

我是JQuery新手爱好者,有时间就练练代码,防止手生,争取每天一个JQuery练习,在这个博客记录下学习的笔记。 本特效主要采用fadeIn()和fadeOut()方法显示淡入淡出的显示效果显示或隐藏元...

Rhymo-Wu ⋅ 今天 ⋅ 0

Spring JDBC使用方法

普通实现: 1、创建数据表customer。 可以使用任何数据库实现,在项目中要引入相应数据库驱动包并配置相应数据库连接。 2、创建Customer pojo。 Customer类的属性对应数据库的属性,除了为每...

霍淇滨 ⋅ 今天 ⋅ 0

Contos 7 安装Jenkins

Jenkins是一款能提高效率的软件,它能帮你把软件开发过程形成工作流,典型的工作流包括以下几个步骤 开发 提交 编译 测试 发布 有了Jenkins的帮助,在这5步中,除了第1步,后续的4步都是自动...

欧虞山 ⋅ 今天 ⋅ 0

revel

revel install go get github.com/revel/revelgo get github.com/revel/cmd create new app revel new git.oschina.net/zdglf/myapp run app revel run git.oschina.net/zdglf/myapp ot......

zdglf ⋅ 今天 ⋅ 0

49. Group Anagrams - LeetCode

Question 49. Group Anagrams Solution 思路:维护一个map,key是输入数组中的字符串(根据字符排好序) Java实现: public List<List<String>> groupAnagrams(String[] strs) { Map<Strin......

yysue ⋅ 今天 ⋅ 0

spring Email

使用spring发Email其实就是使用spring自己封装携带的一个javamail.JavaMailSenderImpl类而已。这个类可以当一个普通的java对象来使用,也可以通过把它配置变成spring Bean的方式然后注入使用...

BobwithB ⋅ 今天 ⋅ 0

spark 整理的一些知识

Spark 知识点 请描述spark RDD原理与特征? RDD全称是resilient distributed dataset(具有弹性的分布式数据集)。一个RDD仅仅是一个分布式的元素集合。在Spark中,所有工作都表示为创建新的...

tuoleisi77 ⋅ 今天 ⋅ 0

思考

时间一天天过感觉自己有在成长吗?最怕的是时光匆匆而过,自己没有收获!下面总结下最近自己的思考。 认识自己 认识另一个自己,人们常说要虚心听取别人意见和建议。然而人往往是很难做到的,...

hello_hp ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部