diff --git a/jiajinwang.html b/jiajinwang.html
new file mode 100644
index 0000000000000000000000000000000000000000..1f7518fe75af29ebdc6df144661913c31c7ad2e3
--- /dev/null
+++ b/jiajinwang.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>原生轮播图</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        .carousel {
+            position: relative;
+            width: 800px;
+            height: 400px;
+            margin: 50px auto;
+            overflow: hidden;
+        }
+        .carousel-images {
+            display: flex;
+            height: 100%;
+            transition: transform 0.5s ease-in-out;
+        }
+        .carousel-images img {
+            width: 800px;
+            height: 400px;
+            object-fit: cover;
+        }
+        .carousel-btn {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            background: rgba(0, 0, 0, 0.5);
+            color: white;
+            border: none;
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background 0.3s;
+        }
+        .carousel-btn:hover {
+            background: rgba(0, 0, 0, 0.8);
+        }
+        .prev-btn {
+            left: 10px;
+        }
+        .next-btn {
+            right: 10px;
+        }
+        .carousel-indicators {
+            position: absolute;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            gap: 8px;
+        }
+        .indicator {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: rgba(255, 255, 255, 0.5);
+            cursor: pointer;
+            transition: background 0.3s;
+        }
+        .indicator.active {
+            background: white;
+        }
+    </style>
+</head>
+<body>
+    <div class="carousel">
+        <div class="carousel-images" id="carouselImages">
+            <img src="https://picsum.photos/800/400?random=1" alt="轮播图1">
+            <img src="https://picsum.photos/800/400?random=2" alt="轮播图2">
+            <img src="https://picsum.photos/800/400?random=3" alt="轮播图3">
+            <img src="https://picsum.photos/800/400?random=4" alt="轮播图4">
+            <img src="https://picsum.photos/800/400?random=1" alt="轮播图1复制">
+        </div>
+        <button class="carousel-btn prev-btn" id="prevBtn">
+            <span>&lt;</span>
+        </button>
+        <button class="carousel-btn next-btn" id="nextBtn">
+            <span>&gt;</span>
+        </button>
+        <div class="carousel-indicators" id="carouselIndicators">
+            <div class="indicator active" data-index="0"></div>
+            <div class="indicator" data-index="1"></div>
+            <div class="indicator" data-index="2"></div>
+            <div class="indicator" data-index="3"></div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const carouselImages = document.getElementById('carouselImages');
+            const prevBtn = document.getElementById('prevBtn');
+            const nextBtn = document.getElementById('nextBtn');
+            const indicators = document.querySelectorAll('.indicator');
+            const imageWidth = 800;
+            let currentIndex = 0;
+            let slideInterval;
+
+            // 初始化轮播图
+            function initCarousel() {
+                startAutoSlide();
+                setupEventListeners();
+            }
+
+            // 设置事件监听
+            function setupEventListeners() {
+                prevBtn.addEventListener('click', () => {
+                    clearInterval(slideInterval);
+                    moveToPrevSlide();
+                    startAutoSlide();
+                });
+
+                nextBtn.addEventListener('click', () => {
+                    clearInterval(slideInterval);
+                    moveToNextSlide();
+                    startAutoSlide();
+                });
+
+                indicators.forEach(indicator => {
+                    indicator.addEventListener('click', () => {
+                        clearInterval(slideInterval);
+                        const index = parseInt(indicator.dataset.index);
+                        moveToSlide(index);
+                        startAutoSlide();
+                    });
+                });
+            }
+
+            // 移动到指定轮播图
+            function moveToSlide(index) {
+                currentIndex = index;
+                updateCarousel();
+                updateIndicators();
+            }
+
+            // 移动到下一张轮播图
+            function moveToNextSlide() {
+                if (currentIndex === 4) {
+                    carouselImages.style.transform = 'translateX(0)';
+                    currentIndex = 1;
+                    setTimeout(() => {
+                        carouselImages.style.transition = 'none';
+                        carouselImages.style.transform = `translateX(${-imageWidth * currentIndex}px)`;
+                        setTimeout(() => {
+                            carouselImages.style.transition = 'transform 0.5s ease-in-out';
+                        }, 50);
+                    }, 500);
+                } else {
+                    currentIndex++;
+                    updateCarousel();
+                }
+                updateIndicators();
+            }
+
+            // 移动到上一张轮播图
+            function moveToPrevSlide() {
+                if (currentIndex === 0) {
+                    carouselImages.style.transition = 'none';
+                    carouselImages.style.transform = `translateX(${-imageWidth * 4}px)`;
+                    setTimeout(() => {
+                        carouselImages.style.transition = 'transform 0.5s ease-in-out';
+                        currentIndex = 3;
+                        updateCarousel();
+                    }, 50);
+                } else {
+                    currentIndex--;
+                    updateCarousel();
+                }
+                updateIndicators();
+            }
+
+            // 更新轮播图位置
+            function updateCarousel() {
+                carouselImages.style.transform = `translateX(${-imageWidth * currentIndex}px)`;
+            }
+
+            // 更新指示器状态
+            function updateIndicators() {
+                indicators.forEach((indicator, index) => {
+                    if (index === (currentIndex % 4)) {
+                        indicator.classList.add('active');
+                    } else {
+                        indicator.classList.remove('active');
+                    }
+                });
+            }
+
+            // 开始自动轮播
+            function startAutoSlide() {
+                slideInterval = setInterval(moveToNextSlide, 3000);
+            }
+
+            initCarousel();
+        });
+    </script>
+</body>
+</html>
+    
\ No newline at end of file
diff --git a/jiajinwang.js b/jiajinwang.js
new file mode 100644
index 0000000000000000000000000000000000000000..159e61eb5a9b1702d9c9b96c8f61c4727b626329
--- /dev/null
+++ b/jiajinwang.js
@@ -0,0 +1,175 @@
+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, parentId = null) => {
+    const result = [];
+    
+    for (const item of data) {
+        if (item.parentValue === parentId || (parentId === null && item.value === 1)) {
+            const newItem = {
+                id: item.value,
+                title: item.label
+            };
+            
+            const children = getArea(data, item.value);
+            if (children.length > 0) {
+                newItem.child = children;
+            }
+            
+            result.push(newItem);
+        }
+    }
+    
+    return result;
+};
+
+const result = getArea(cityData);
+console.log(JSON.stringify(result, null, 2));
\ No newline at end of file
