文件名称:flyingfish:@pelagiccreaturesflyingfish Sargasso管理的懒惰加载HTML页面的图像
文件大小:1.16MB
文件格式:ZIP
更新时间:2024-06-03 23:46:14
javascript es6 lazy-load sargasso JavaScript
轻松延迟加载的图像 Flying Fish为背景图像css或IMG标签实现了延迟加载的图像(延迟加载,直到图像位于浏览器视口中)。 为了获得最佳性能,请使用Web Worker加载图像,并在Animation Frame中更新DOM。 还可以添加CSS过渡,以使页面加载更加流畅。 这样可以大大减少页面重量,并减少图像重磅页面上的加载时间。 注意:图像必须通过http(s)投放 FlyingFish可以在任何html页面上用作独立的图像加载器,也可以作为框架应用程序的一部分。 @author Michael Rhodes @license MIT Made in Barbados :Barbados: Copyright :copyright: 2020-2021 Michael Rhodes FlyingFish元素控制器类可用于IMG标签或任何支持背景图像样式的容器。 定义图像标签以延迟加载: 使用img标签 <
【文件预览】:
flyingfish-master
----test.jpg(1.11MB)
----rollup.config.js(790B)
----index.js(453B)
----package.json(1KB)
----index.html(1KB)
----package-lock.json(146KB)
----dist()
--------flyingfish.iife.js.map(5KB)
--------flyingfish.iife.min.js(1KB)
--------flyingfish.iife.min.js.map(3KB)
--------flyingfish.iife.js(2KB)
----.eslintrc.js(315B)
----.gitignore(25B)
----lib()
--------FlyingFish.js(2KB)
----localhost.py(352B)
----README.md(5KB)
----.editorconfig(286B)