博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery lazyload 图片延时加载
阅读量:6671 次
发布时间:2019-06-25

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

hot3.png

延迟加载的特性,也有的称为惰性加载,可以最大程度避免了数据库的开销,并做到按需获取,提升了性能。系统在模型初始化的时候会创建数据库操作对象,但是这个时候并不会马上进行数据库连接,而是会在第一次实际查询的时候才会进行连接。对于有些查询,还可以采用延迟加载,在执行查询操作的时候并不会立刻进行查询,而是等到需要使用查询返回数据的时候才进行查询。该特性对于查询大量数据的时候非常有用。
有时一个页面上图片很多,同时加载的话,带宽有限,不利于打开。
今天jquery博客整个效果吧,也许其他网上用的比较多了,自己放博客上,以备以后不时之需。
lazyload插件已经是名声外面了,图片延时加载应用的非常好,调用很方便,引入其js即可
$(function(){
$("#divMain img").lazyload({
        placeholder : "img_loading.gif",
effect : "fadeIn"
    });   
})
在线效果DEMO
转自 http://www.jqueryba.com/412.html

转载于:https://my.oschina.net/jqueryba/blog/87576

你可能感兴趣的文章
Android 面试开源框架篇
查看>>
前端调试:记Iscroll4 疑难杂症之z-index失效
查看>>
【译】Android Architecture - ViewModel 与 View 的通信
查看>>
AFNetWorking—NSURLSession
查看>>
Apache Thrift系列详解(三) - 序列化机制
查看>>
ES6学习笔记之Function
查看>>
第一章 面对对象的概念
查看>>
Masonry动画更新约束
查看>>
iOS11踩坑记录
查看>>
基于 HTML5 的 WebGL 3D 智能楼宇监控系统
查看>>
如何创建一个类似于element-ui的Message组件
查看>>
jvm - 垃圾回收
查看>>
Java基本语法
查看>>
Java命令之javap初探
查看>>
多页项目的webpack配置
查看>>
一次阿里的面试
查看>>
数据库事务隔离级别
查看>>
JSONP跨域以及之前的历史
查看>>
FLEX库在苹果废弃ASL之后的解决方案
查看>>
基于django的视频点播网站开发-step2-搭建环境
查看>>