javascript - 京东首页的DIV块懒加载是怎么做的?
大家讲道理
大家讲道理 2017-04-11 13:31:09
0
4
378

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

大家讲道理
大家讲道理

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

membalas semua(4)
左手右手慢动作

瀑布流加载?当滚动到页面最下方时发送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
PHPzhong

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!