此前在浏览一些网站的时候，发现他们网站的图片都是你“鼠标”滚到哪，图片才会加载显示。当时觉得好神奇，怎么会这么“跟手”呢。在学习JS和jQuery后，自己尝试写了能够实现lazyload的方法。核心原理是：1 设置一个定时器，计算每张图片是否会随着滚动条的滚动，而出现在视口（也就是浏览器中的展现网站...
分类：
其他好文 时间：
2015-03-06 19:07:18
阅读次数：
136
图片延迟加载
* {margin:0; border:0; padding:0;}
div {width:800px; height:280px; margin-bottom:200px;}
(function(){
//获取视口高度
var windowHeight = window.innerHeight;
//获取body的高度
var bodyHeigh...
分类：
其他好文 时间：
2015-03-02 23:59:56
阅读次数：
322
图片预加载的机制原理：就是提前加载出图片来，给前端的服务器有一定的压力。图片延迟加载的原理：为了缓解前端服务器的压力，延缓加载图片，符合条件的时候再加载图片，当然不符合的条件就不加载图片。? 预加载的实现目的：为了实现更好的用户体验。劣势：会消耗前端服务器的性能。延迟加载的实现目的：为了优...
分类：
Web程序 时间：
2015-02-10 20:14:56
阅读次数：
143
基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。
对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。
版本：jQuery v1.4.4+jQuery Lazy Load v1.7.2
注意事项：
需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同，则只是一个特效...
分类：
Web程序 时间：
2015-01-20 12:09:54
阅读次数：
254
之前一直有关注过Jquery.LazyLoad.js这个特效，但一直没有用，这几天研究了一下，并应用于实际中，对网站SEO方面没有什么帮助，不过可以节省一些流量，对于大网站来说显的尤为重要，至于节省了多少流量我无从统计。从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是...
分类：
Web程序 时间：
2015-01-13 12:25:47
阅读次数：
152
原文地址：http://www.shangxueba.com/jingyan/1909987.htmlDEMO地址：http://demo.jb51.net/html/jquery_img/jquery_img.htm最近在学习JS的OOP所以写了这么个东西 使用方法： $(".viewArea.....
分类：
Web程序 时间：
2015-01-07 18:44:13
阅读次数：
172
在页面上图片比较多的时候，为了优化性能，可以采用延迟加载技术，我封装了一款轻量级的插件。 插件下载地址： http://pan.baidu.com/s/1o6804Gy 使用方法： 1 在页面中需要引入echo.css和echo.min.js 2 对需要进...
分类：
移动开发 时间：
2014-12-30 20:52:00
阅读次数：
190
从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个大问题，在网上查了很久，也没有找到相关的解决方案。没解决方案，就得发挥咱DIY的精神，自己想法解决，分析了BUG，理了理思路，结合前段时间我做弹出窗口特效的方法，解决了Jquery.LazyLoad.js的兼容问题，现...
分类：
Web程序 时间：
2014-12-25 23:24:42
阅读次数：
165
