文档章节

延时加载

ycYinG
 ycYinG
发布于 2016/12/08 16:11
字数 232
阅读 1
收藏 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
0
LINQ-to-SQL那点事~关于延时加载的性能,微软给出了不错的解决方案

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

mcy247
2017/12/06
0
0
GOF-23种设计模式——单例模式(学习笔记)

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

小杰滔滔
2016/06/22
33
0
iOS开发中如何解决TableView中图片延时加载

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

鉴客
2012/01/09
6.8K
0
Java 单例模式 总结整理

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

故新
2017/11/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python标准输入输出

input() 读取键盘输入 input() 函数从标准输入读入一行文本,默认的标准输入是键盘。 input 可以接收一个Python表达式作为输入,并将运算结果返回。 print()和format()输出 format()输出...

colinux
30分钟前
0
0
Python 核心编程 (全)

浅拷贝和深拷贝 1.浅拷贝:是对于一个对象的顶层拷贝,通俗的理解是:拷贝了引用,并没有拷贝内容。相当于把变量里面指向的一个地址给了另一个变量就是浅拷贝,而没有创建一个新的对象,如a...

代码打碟手
42分钟前
1
0
PHP 对象比数组省内存?错!数组比对象省内存?错!

刚刚一个群里有人引出了 PHP 数组和对象占用内存谁多谁少的问题。我想起之前我好像也测试过这个问题,和群里人说的对象比数组节省内存的结论相反,我得出的是数组比对象节省内存。 但今天,我...

宇润
59分钟前
1
0
memcached命令行及其用法

21.5 memcached命令行 创建数据 yum install -y telnet 利用telnet命令连接memcached数据库 telnet 127.0.0.1 11211 #写入数据 set key2 0 30 212STORED 这个是错误的示范,因为0 30 已经...

lyy549745
59分钟前
0
0
Maven私服

Maven私服 一、简介 当多人项目开发的时候,尤其聚合项目开发,项目和项目之间需要有依赖关系,通过maven私服,可以保存互相依赖的jar包,这样的话就可把多个项目整合到一起。 如下图: Inst...

星汉
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部