react-imgix:React组件以显示imgix图像

时间:2024-05-17 09:55:21
【文件属性】:

文件名称:react-imgix:React组件以显示imgix图像

文件大小:531KB

文件格式:ZIP

更新时间:2024-05-17 09:55:21

react components reactjs images src

react-imgix提供了用于将集成到React站点并在服务器端生成图像的自定义组件。 灵活的图像渲染 固定图像渲染(即不灵活) 背景模式 图片支持 进阶范例 一般高级用法 传递自定义HTML属性 延迟加载 低质量图像占位符技术(LQIP) 将Ref附加到DOM元素 道具 共享道具(Imgix,来源) 图片道具 背景道具 全局配置警示语 升级指南 8.x至9.0 7.x至8.0 浏览器支持 贡献者 元 概述/资源 在你开始之前与React-imgix,强烈建议您阅读埃里克·波蒂斯上开创性文章srcset和sizes 。 本文介绍了响应式设计中响应式图像的历史,为什么需要响应式图像,以及所有这些技术如何协同工作以节省带宽并为用户提供更好的体验。 react-imgix的主要目标是使开发人员更容易实现这些工具,因此,了解它们的工作方式将大大改善您的react-imgix体验。


【文件预览】:
react-imgix-main
----.github()
--------ISSUE_TEMPLATE()
--------CODEOWNERS(56B)
--------pull_request_template.md(5KB)
----.prettierignore(26B)
----src()
--------array-findindex.js(915B)
--------constructUrl.js(4KB)
--------react-imgix-bg.jsx(5KB)
--------config.js(463B)
--------targetWidths.js(86B)
--------constants.js(40B)
--------react-imgix.jsx(10KB)
--------HOCs()
--------extractQueryParams.js(522B)
--------index.js(309B)
--------findClosest.js(674B)
--------common.js(434B)
----.babelrc(3KB)
----.npmignore(27B)
----CONTRIBUTING.md(6KB)
----.travis.yml(317B)
----config()
--------karma()
--------webpackConfig.js(393B)
----LICENSE(727B)
----test()
--------integration()
--------tests.webpack.js(130B)
--------setup.js(35B)
--------helpers()
--------setupUnit.js(463B)
--------setupIntegration.js(249B)
--------unit()
----README.md(36KB)
----.renovaterc.json(50B)
----.all-contributorsrc(7KB)
----docs()
--------images()
----.gitignore(35B)
----CHANGELOG.md(18KB)
----package-lock.json(2.31MB)
----package.json(8KB)

网友评论