diff --git a/cuijiahui.html b/cuijiahui.html
new file mode 100644
index 0000000000000000000000000000000000000000..f639dd14c7fa31a7ff4273aa9c3c9643a8e73dfa
--- /dev/null
+++ b/cuijiahui.html
@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>轮播图 - Claude</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background: #f0f0f0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+        }
+
+        .carousel-container {
+            position: relative;
+            width: 800px;
+            height: 400px;
+            background: #fff;
+            border-radius: 10px;
+            overflow: hidden;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+        }
+
+        .carousel-wrapper {
+            position: relative;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .carousel-slides {
+            display: flex;
+            width: 500%; /* 5张图片 */
+            height: 100%;
+            transition: transform 0.5s ease-in-out;
+        }
+
+        .carousel-slide {
+            width: 20%; /* 每张图片占20% */
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 48px;
+            font-weight: bold;
+            color: white;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+        }
+
+        .slide1 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
+        .slide2 { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
+        .slide3 { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
+        .slide4 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
+        .slide5 { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
+
+        .carousel-nav {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            background: rgba(255, 255, 255, 0.8);
+            border: none;
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s ease;
+            z-index: 10;
+        }
+
+        .carousel-nav:hover {
+            background: rgba(255, 255, 255, 1);
+            transform: translateY(-50%) scale(1.1);
+        }
+
+        .carousel-prev {
+            left: 20px;
+        }
+
+        .carousel-next {
+            right: 20px;
+        }
+
+        .carousel-dots {
+            position: absolute;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            gap: 10px;
+        }
+
+        .carousel-dot {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: rgba(255, 255, 255, 0.5);
+            cursor: pointer;
+            transition: all 0.3s ease;
+        }
+
+        .carousel-dot.active {
+            background: white;
+            transform: scale(1.2);
+        }
+
+
+    </style>
+</head>
+<body>
+    <div class="carousel-container">
+        <div class="carousel-wrapper">
+            <div class="carousel-slides" id="carouselSlides">
+                <div class="carousel-slide slide1">图片 1</div>
+                <div class="carousel-slide slide2">图片 2</div>
+                <div class="carousel-slide slide3">图片 3</div>
+                <div class="carousel-slide slide4">图片 4</div>
+                <div class="carousel-slide slide5">图片 5</div>
+            </div>
+        </div>
+
+        <button class="carousel-nav carousel-prev" id="prevBtn">‹</button>
+        <button class="carousel-nav carousel-next" id="nextBtn">›</button>
+
+        <div class="carousel-dots" id="carouselDots">
+            <div class="carousel-dot active" data-slide="0"></div>
+            <div class="carousel-dot" data-slide="1"></div>
+            <div class="carousel-dot" data-slide="2"></div>
+            <div class="carousel-dot" data-slide="3"></div>
+            <div class="carousel-dot" data-slide="4"></div>
+        </div>
+
+
+    </div>
+
+    <script>
+        class Carousel {
+            constructor() {
+                this.slides = document.getElementById('carouselSlides');
+                this.dots = document.querySelectorAll('.carousel-dot');
+                this.prevBtn = document.getElementById('prevBtn');
+                this.nextBtn = document.getElementById('nextBtn');
+                
+                this.currentIndex = 0;
+                this.totalSlides = 5;
+                this.isAutoPlay = true;
+                this.autoPlayInterval = null;
+                
+                this.init();
+            }
+
+            init() {
+                this.bindEvents();
+                this.startAutoPlay();
+                this.updateDots();
+            }
+
+            bindEvents() {
+                // 左右箭头事件
+                this.prevBtn.addEventListener('click', () => {
+                    this.prevSlide();
+                });
+
+                this.nextBtn.addEventListener('click', () => {
+                    this.nextSlide();
+                });
+
+                // 小圆点事件
+                this.dots.forEach((dot, index) => {
+                    dot.addEventListener('click', () => {
+                        this.goToSlide(index);
+                    });
+                });
+
+                // 鼠标悬停暂停自动播放
+                this.slides.parentElement.addEventListener('mouseenter', () => {
+                    if (this.isAutoPlay) {
+                        this.stopAutoPlay();
+                    }
+                });
+
+                this.slides.parentElement.addEventListener('mouseleave', () => {
+                    if (this.isAutoPlay) {
+                        this.startAutoPlay();
+                    }
+                });
+            }
+
+            updateSlides() {
+                const translateX = -this.currentIndex * (100 / this.totalSlides);
+                this.slides.style.transform = `translateX(${translateX}%)`;
+            }
+
+            updateDots() {
+                this.dots.forEach((dot, index) => {
+                    if (index === this.currentIndex) {
+                        dot.classList.add('active');
+                    } else {
+                        dot.classList.remove('active');
+                    }
+                });
+            }
+
+            nextSlide() {
+                this.currentIndex = (this.currentIndex + 1) % this.totalSlides;
+                this.updateSlides();
+                this.updateDots();
+            }
+
+            prevSlide() {
+                this.currentIndex = (this.currentIndex - 1 + this.totalSlides) % this.totalSlides;
+                this.updateSlides();
+                this.updateDots();
+            }
+
+            goToSlide(index) {
+                this.currentIndex = index;
+                this.updateSlides();
+                this.updateDots();
+            }
+
+            startAutoPlay() {
+                this.isAutoPlay = true;
+                this.stopAutoPlay(); // 清除可能存在的定时器
+                this.autoPlayInterval = setInterval(() => {
+                    this.nextSlide();
+                }, 3000);
+            }
+
+            stopAutoPlay() {
+                this.isAutoPlay = false;
+                if (this.autoPlayInterval) {
+                    clearInterval(this.autoPlayInterval);
+                    this.autoPlayInterval = null;
+                }
+            }
+        }
+
+        // 初始化轮播图
+        document.addEventListener('DOMContentLoaded', () => {
+            new Carousel();
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/cuijiahui.js b/cuijiahui.js
new file mode 100644
index 0000000000000000000000000000000000000000..06592225c29e367ccd0bb044167ff69cafc58e2d
--- /dev/null
+++ b/cuijiahui.js
@@ -0,0 +1,203 @@
+const cityData = [
+    {
+        parentValue: 1,
+        value: 11,
+        label: '北京市',
+    },
+    {
+        parentValue: 11,
+        value: 111,
+        label: '东城区'
+    },
+    {
+        parentValue: 11,
+        value: 112,
+        label: '西城区'
+    },
+    {
+        parentValue: 1,
+        value: 12,
+        label: '上海市',
+    },
+    {
+        parentValue: 12,
+        value: 121,
+        label: '黄浦区'
+    },
+    {
+        parentValue: 12,
+        value: 122,
+        label: '徐汇区'
+    },
+    {
+        parentValue: 1,
+        value: 13,
+        label: '广东省',
+    },
+    {
+        parentValue: 13,
+        value: 131,
+        label: '广州市',
+    },
+    {
+        parentValue: 131,
+        value: 1311,
+        label: '天河区'
+    },
+    {
+        parentValue: 131,
+        value: 1312,
+        label: '越秀区'
+    },
+    {
+        parentValue: 132,
+        value: 1321,
+        label: '南山区'
+    },
+    {
+        parentValue: 132,
+        value: 1322,
+        label: '罗湖区'
+    },
+    {
+        value: 1,
+        label: '中国',
+    },
+    {
+        parentValue: 13,
+        value: 132,
+        label: '深圳市',
+    }
+]
+
+/* *
+ 1.请利用递归方法实现一个函数，把上方数据递归成有层级的数据，
+ 2.把value字段变成id字段，label字段变成title字段，children字段变成child字段，
+ 3.去掉parentValue字段，最终得到以下数据。需要一模一样的数据
+ ⚠️注意：不允许使用三层循环，请使用递归方法
+ [
+    {
+        id: 1,
+        title: '中国',
+        child: [
+            {
+                id: 11,
+                title: '北京市',
+                child: [
+                    {
+                        id: 111,
+                        title: '东城区'
+                    },
+                    {
+                        id: 112,
+                        title: '西城区'
+                    }
+                ]
+            },
+            {
+                id: 12,
+                title: '上海市',
+                child: [
+                    {
+                        id: 121,
+                        title: '黄浦区'
+                    },
+                    {
+                        id: 122,
+                        title: '徐汇区'
+                    }
+                ]
+            },
+            {
+                id: 13,
+                title: '广东省',
+                child: [
+                    {
+                        id: 131,
+                        title: '广州市',
+                        child: [
+                            {
+                                id: 1311,
+                                title: '天河区'
+                            },
+                            {
+                                id: 1312,
+                                title: '越秀区'
+                            }
+                        ]
+                    },
+                    {
+                        id: 132,
+                        title: '深圳市',
+                        child: [
+                            {
+                                id: 1321,
+                                title: '南山区'
+                            },
+                            {
+                                id: 1322,
+                                title: '罗湖区'
+                            }
+                        ]
+                    }
+                ]
+            }
+        ]
+    }
+]
+ * */
+
+// 具体实现
+const getArea = (data) => {
+    // 递归函数：根据父级ID查找并构建子级数据
+    const buildChildren = (parentId) => {
+        const children = [];
+        
+        // 遍历原始数据，找到所有父级为parentId的项目
+        for (let item of data) {
+            if (item.parentValue === parentId) {
+                // 构建新的节点对象
+                const node = {
+                    id: item.value,
+                    title: item.label
+                };
+                
+                // 递归查找当前节点的子级
+                const childNodes = buildChildren(item.value);
+                
+                // 如果有子级，添加child字段
+                if (childNodes.length > 0) {
+                    node.child = childNodes;
+                }
+                
+                children.push(node);
+            }
+        }
+        
+        return children;
+    };
+    
+    // 找到根节点（没有parentValue的节点）
+    const rootNodes = [];
+    for (let item of data) {
+        if (!item.parentValue) {
+            const rootNode = {
+                id: item.value,
+                title: item.label
+            };
+            
+            // 递归构建根节点的子级
+            const children = buildChildren(item.value);
+            if (children.length > 0) {
+                rootNode.child = children;
+            }
+            
+            rootNodes.push(rootNode);
+        }
+    }
+    
+    return rootNodes;
+}
+
+const result = getArea(cityData);
+console.log(JSON.stringify(result, null, 2));
\ No newline at end of file
