请简述如何实现一个简单的前端轮播图组件，在 SHEIN 的商品展示页面中使用。

答题要点

可使用 STAR 法则回答，即 Situation（情景）、Task（任务）、Action（行动）、Result（结果）。关键要点：1. 需求分析：明确轮播图的功能需求，如自动播放、手动切换等。2. HTML 结构：创建轮播图的基本 HTML 结构，包含图片容器和控制按钮。3. CSS 样式：设置轮播图的样式，如图片大小、位置等。4. JavaScript 实现：编写 JavaScript 代码，实现轮播图的切换逻辑。示例思路：“在 SHEIN 的商品展示页面中，需要实现一个轮播图组件。首先，我会分析功能需求，然后创建 HTML 结构和 CSS 样式。接着，使用 JavaScript 编写切换逻辑，实现自动播放和手动切换功能。最终，完成一个满足需求的轮播图组件。”