DIY的JS延迟加载图片的插件

fearlessnesszhang 51 0 rar 2019-09-07 05:09:59

在很多时候,我们的页面会显示大量的图片,若要等待所有图片都呈现出来则会影响页面的响应速度。今天共享一个DIY的利用JS来延迟加载图片的插件。大概的实现方式是:页面的定义元素img时,将src统一替换成自定义的一个属性名,如叫“originalSrc”,然后利用JS把给img的src设置为一个定义好的等待图片,然后在scroll事件触发时,把img元素位置正好在浏览器显示范围内把“originalSrc”属性值赋予"src",然后移除“originalSrc”属性。原来是打算不破坏页面元素结构风格,不添加“originalSrc”属性,直接通过面页加载时,通过JS将img的src替换成originalSrc,可是那样的话就

用户评论
请输入评论内容
评分:
Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

还不错,虽然网上延迟加载的挺多的额

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

感觉不是很好,现在用lazyload方便多了。

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

还不错,可以用啊

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

这个确实非常好用!

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

非常好,谢谢

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

经过测试,还是一个很不错的demo,值得学习噢

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

终于明白了这个思想是什么了

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

好东西,学了不少,里面很多东西写的还是可以的

Generic placeholder image 卡了网匿名网友 2019-09-07 05:09:59

一般 我感觉不是很好