是的,这是一个 React 组件,但无论您是否关心这部分, “理想的图片组件”部分都可能引起您的兴趣。 如今,我们在网页上放置图片时需要考虑很多因素。 这涉及到
- 占位符空间(以及加载后灵活的响应式样式)
- 低质量的占位符图片
- 响应式图片语法(
srcset
) - 图片格式(例如,在可以的情况下使用 WebP)
- 在网络连接不良的情况下点击加载
- 更好的加载错误 UX,并带有可翻译的文本
这甚至不是全部。 对于可怜的小 <img>
,需要考虑的事情太多了。 我很喜欢 Alejandro Sanchez 的回复
此组件的自述文件非常棒,可以教会您如何像前端开发人员一样思考。
— Alejandro Sanchez (@alesanchezr) 2018年6月12日