在京东商城浏览时, 会发现产品图片只显示了一屏, 当页面向下滚动时下面的产品图片才逐渐加载.

webpack-jQuery 在线演示 基于webpack建造纯静态页面型前端工程解决方案模板 按需加载模块，按需进行懒加载，在实际用到某些模块的时候再增量更新 多入口文件，自动扫描入口。同时支持SPA和多页面型的项目 静态资源按需自动注入到html中，从而自动加上hash值 支持js，css，scss等代码检查，打包，压缩替换，图片转base64等 公用lib组件抽离打包，生成一个公共的bundle文件 功能标识，根据开发/测试环境和生产环境进行不同配置的打包 支持自动部署打包发布远程服务器

淘宝,QQ,还有当当，亚马逊之类网之类的都有这个效果，原理是分段加载图片，主要用于大型网站节省带宽，可是他们提供的东西压缩混淆看不清，还有的要基于什么雅虎的什么库，总之是很麻烦的，JQ的控件倒是够清晰了，只是还是没有达到节省网络带宽的效果，于是我在JQ懒加载控件上进行一些改进，改进以后的最大的特点就是调用方便，项目中不需要什么太多更改，而且JS文件也不大。（泡泡网工！转载注明出处，谢谢） 1.给泡泡网开发控件，本来想直接用JQ的延迟控件，但是JQ的延迟控件只是加快了加载速度，没有省带宽，也就是说

以下是实现代码(基于jquery): 代码如下: function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(typeof settings.defObj==”object”)?settings.defObj.find(“img”):$(settings.