react-simple-img:with使用IntersectionObserver API和优先级提示来响应惰性加载图像

时间:2024-05-03 11:26:42
【文件属性】:

文件名称:react-simple-img:with使用IntersectionObserver API和优先级提示来响应惰性加载图像

文件大小:5.08MB

文件格式:ZIP

更新时间:2024-05-03 11:26:42

placeholder animation priority lazyload responsive-images

React简单图 使用IntersectionObserver API,优先级提示和动画对惰性加载图像进行智能React 特征 通过仅加载折页上方的图像来加快初始页面加载 响应占位符和动画 具有重要性属性的支持 使用智能下载逻辑 用法简单,体积小,包括polyfill(最小化+ gzip压缩) 安装 npm install react-simple-img 快速开始 import { SimpleImg } from 'react-simple-img' ; export default ( ) => < SimpleImg xss=removed xss=removed> ; 原料药 :link: SimpleImg 与标准img标签和以下道具相似的图像组件。 Struts 类型 必需的 描述 src 细绳 ✓ 大图像源 srcSet 细绳 例如


【文件预览】:
react-simple-img-master
----.eslintrc(894B)
----example()
--------package.json(507B)
--------src()
--------logo.sketch(40KB)
--------public()
--------README.md(114B)
--------yarn.lock(315KB)
----.babelrc(246B)
----rollup.config.js(458B)
----.flowconfig(148B)
----package.json(3KB)
----.github()
--------FUNDING.yml(90B)
--------ISSUE_TEMPLATE()
----test()
--------logic()
--------simpleImg.test.js(6KB)
--------setup.js(148B)
--------__snapshots__()
--------utils()
----LICENSE(1KB)
----CONTRIBUTING.md(511B)
----src()
--------simpleImg.flow.js(475B)
--------logic()
--------index.js(125B)
--------simpleImg.js(7KB)
--------index.d.ts(840B)
--------initSimpleImg.js(461B)
--------utils()
--------constants.js(652B)
----.npmignore(153B)
----.gitignore(959B)
----.circleci()
--------config.yml(965B)
----CODE_OF_CONDUCT.md(3KB)
----README.md(11KB)
----yarn.lock(286KB)
----jestConfig.json(48B)

网友评论