javascript - 移动web如何用JS实现首屏加载和按需加载?
怪我咯
怪我咯 2017-04-10 17:10:37
[JavaScript讨论组]

现在我们要做移动web,因为图片量比较大,所以需要首屏加载 和按需加载。谁能指导下或者是有示例的?

点击门店店址 还会自动跳转,然后加载。

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
PHP中文网

直接用 lazyload 不就可以了么?

伊谢尔伦

实现思路:

把所有的图片都换成这种写法:<img src="真实的图片地址" src="一张加载中的gif图片">

然后监听scroll滚动事件,如果图片的位置在可视区域内,就将src的地址噻到scr中,这样就实现了用户进来,滚到哪里,哪里的图片就显示了。

实现demo:http://jq22.com/search?seo=lazy

--------补充更新

上面是图片的加载;如果要实现js按需加载,就要用到模块化了,比如seajs 和 requireJs

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

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