首页 > 移动web如何用JS实现首屏加载和按需加载?

移动web如何用JS实现首屏加载和按需加载?

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

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


实现思路:

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

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

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

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

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


直接用 lazyload 不就可以了么?

【热门文章】
【热门文章】