把车辆图像接入您的产品,不必大费周章。清晰的文档、开放的 SDK 和现成的插件几分钟内就能接上您的技术栈,我们的状态页面还会实时显示 API 的运行情况。
大多数 React 代码库从占位符图像开始,并承诺稍后修复。修复通常以卡片组件中的客户端获取请求的形式出现,问题就从这里开始:密钥暴露了,每张卡片都打开自己的请求,网格在不同时间到达的答案中重新流动。API 很快,但模式是错误的。
能够坚持下去的版本并不光鲜亮丽。在您已经加载列表数据的地方解析车辆,将生成的 URL 保存在列表对象上,然后让卡片渲染一个宽度与其布局匹配的 img 标签。浏览器通过 URL 缓存,CDN 处理其余部分,您的组件树完全不知道存在一个图像 API。
可以,但不应该。客户端组件在浏览器中运行,因此密钥会随之传输。在路由处理程序、服务器组件或后端中解析,并将 URL 作为属性传递下去。
是的,这是最干净的集成方式。在加载列表的服务器组件内解析,然后直接渲染 URL。集成的任何内容都不会到达客户端包。
不,并且是故意的。npm 包与框架无关,并返回 URL。车辆图像是一个 img 标签,将其包装在我们控制的组件中只会妨碍您的设计系统。
为图像设置固定宽高比容器,并请求渲染的宽度。由于所有车辆的框架相同,一个比例适用于整个网格。
相同宽高比的中性占位符。由于在渲染前已知 URL,图像通常不会出现可见的占位符步骤。
是的。这些 URL 是普通的 HTTPS 图像 URL,因此 Image 组件可以直接使用它们。在后端解析,就像你为网页所做的那样。
告诉我们您的列表数据是什么样子的,以及您的卡片使用哪些尺寸。我们会返回可以直接放入组件的图像 URL。