扫码关注官方订阅号
现在我们要做移动web,因为图片量比较大,所以需要首屏加载 和按需加载。谁能指导下或者是有示例的?
点击门店店址 还会自动跳转,然后加载。
走同样的路,发现不同的人生
直接用 lazyload 不就可以了么?
实现思路:
把所有的图片都换成这种写法:<img src="真实的图片地址" src="一张加载中的gif图片">
<img src="真实的图片地址" src="一张加载中的gif图片">
然后监听scroll滚动事件,如果图片的位置在可视区域内,就将src的地址噻到scr中,这样就实现了用户进来,滚到哪里,哪里的图片就显示了。
实现demo:http://jq22.com/search?seo=lazy
--------补充更新
上面是图片的加载;如果要实现js按需加载,就要用到模块化了,比如seajs 和 requireJs
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
直接用 lazyload 不就可以了么?
实现思路:
把所有的图片都换成这种写法:
<img src="真实的图片地址" src="一张加载中的gif图片">然后监听scroll滚动事件,如果图片的位置在可视区域内,就将src的地址噻到scr中,这样就实现了用户进来,滚到哪里,哪里的图片就显示了。
实现demo:http://jq22.com/search?seo=lazy
--------补充更新
上面是图片的加载;如果要实现js按需加载,就要用到模块化了,比如seajs 和 requireJs