react-lazyimg-component:带有用于延迟加载图像的打字稿的React组件

时间:2024-06-18 05:54:22
【文件属性】:

文件名称:react-lazyimg-component:带有用于延迟加载图像的打字稿的React组件

文件大小:19.67MB

文件格式:ZIP

更新时间:2024-06-18 05:54:22

typescript lazyload lazyimg react-lazyload react-lazy-image

react-lazyimg-component react-lazyimg-component v1.0.0 是使用 、、完全重构的,React 图片懒加载小组件。并且组件参考了 动画实现原理 ,引入全新的渐进性自然过渡效果(如下图 方案 B 所示)。 Demo 效果 singsong: Demo 中第一张图片未使用 渐进性自然过渡效果,会存在跳闪现象。第二张图片使用 渐进性自然过渡效果。效果更加自然!:grinning_face: PC 预览: 手机预览(扫一扫): 特性 :flag_in_hole: Typescript 静态类型检查,代码提示与补全更加完善 React Hooks 实现 Intersection Observer API 取代 scroll 事件,代码更加简洁,性能更好。并且做了兼容处理。 兼容服务端渲染 SSR 定制组件的默认 props 支持 React 组件式 placeholder 支持动画效果作用于父级元素


网友评论