javascript - 京东首页的DIV块懒加载是怎么做的?
大家讲道理
大家讲道理 2017-04-11 13:31:09
[JavaScript讨论组]

一般来说,首页图片都比较多,加载比较慢,一般用lazyload插件设置一下图片,让图片延迟加载就可以了。
但客户嫌这个太低级了,是几年前的技术了。客户要求是像天猫和京东一样,页面一下拉,整个p进行懒加载,而不是简单的只有图片进行懒加载。
别告诉我是用ajax做的,我需要的是详细做法。查了百度也没找到相应的做法,不知道是我关键词输入不对,还是这方面的资料比较少。有大神知道怎么做吗,求做法链接

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(4)
ringa_lee

瀑布流加载?当滚动到页面最下方时发送ajax请求。

高洛峰

和上拉加载差不多,只不过加载触发点不同

巴扎黑

做法还是瀑布流,到关键点的时候 去加载

JD 更狠,全部生成JS了

https://d.3.cn/index-1-floor2-floor_index.js?callback=loadcosmetics&_=1477300356653
https://d.3.cn/index-1-floor3-floor_index.js?callback=loadelectronics&_=1477300391160
PHPz

京东把图片压缩成base64直接写在HTML页面里了,可以减少连接数

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号