From 0e0a559fdae224861f0058af10b864eb4e90efba Mon Sep 17 00:00:00 2001
From: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
Date: Thu, 5 Jun 2025 17:11:01 +0000
Subject: [PATCH 1/4] =?UTF-8?q?add=20zhouyiyuan.html.=20=E8=BD=AE=E6=92=AD?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
---
 zhouyiyuan.html | 101 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 zhouyiyuan.html
diff --git a/zhouyiyuan.html b/zhouyiyuan.html
new file mode 100644
index 0000000..1015d45
--- /dev/null
+++ b/zhouyiyuan.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>轮播图</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    .box {
+      position: relative;
+      margin: 50px auto;
+      width: 976px;
+      height: 650px;
+      background-color: rgb(100, 67, 68);
+    }
+
+    img {
+      width: 100%;
+    }
+
+    ul {
+      position: absolute;
+      bottom: 22px;
+      left: 15px;
+    }
+
+    li {
+      float: left;
+      margin-right: 15px;
+      list-style: none;
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      background-color: gray;
+    }
+
+    p {
+      margin-top: 10px;
+      margin-left: 12px;
+      color: #fff;
+      font-size: 22px;
+    }
+
+    .active {
+      width: 13px;
+      height: 13px;
+      border-radius: 50%;
+      background-color: #fff;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="box">
+    <img src="images/slider01.jpg" alt="">
+    <p>对人类来说会不会太超前了？</p>
+    <ul>
+      <li class="active"></li>
+      <li></li>
+      <li></li>
+      <li></li>
+      <li></li>
+      <li></li>
+      <li></li>
+      <li></li>
+    </ul>
+  </div>
+  <script>
+    const sliderData = [
+      { url: 'images.png'},
+      { url: 'images.png'},
+      { url: 'images.png'},
+      { url: 'images.png'},
+      { url: 'images.png'},
+    ]
+    const img = document.querySelector('.box img')
+    const p = document.querySelector('.box p')
+    const box = document.querySelector('.box')
+
+    let i = 0
+    setInterval(function () {
+      img.src = sliderData[i].url
+      p.innerHTML = sliderData[i].title
+      box.style.backgroundColor = sliderData[i].color
+      document.querySelector('.box .active').classList.remove('active')
+      document.querySelector(`.box ul li:nth-child(${i + 1})`).classList.add('active')
+      i++
+      if (i === 8) {
+        i = 0
+      }
+    }, 1000)
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From c20eeff0c396e760d861ac08c98021210af3d917 Mon Sep 17 00:00:00 2001
From: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
Date: Thu, 5 Jun 2025 17:12:12 +0000
Subject: [PATCH 2/4] update zhouyiyuan.html.

Signed-off-by: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
---
 zhouyiyuan.html | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/zhouyiyuan.html b/zhouyiyuan.html
index 1015d45..b53f6e4 100644
--- a/zhouyiyuan.html
+++ b/zhouyiyuan.html
@@ -65,9 +65,6 @@
       <li></li>
       <li></li>
       <li></li>
-      <li></li>
-      <li></li>
-      <li></li>
     </ul>
   </div>
   <script>
@@ -90,7 +87,7 @@
       document.querySelector('.box .active').classList.remove('active')
       document.querySelector(`.box ul li:nth-child(${i + 1})`).classList.add('active')
       i++
-      if (i === 8) {
+      if (i === 5) {
         i = 0
       }
     }, 1000)
-- 
Gitee


From 87705fbaa357aeaa9b1ba4a6559dd866aefc0bf7 Mon Sep 17 00:00:00 2001
From: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
Date: Thu, 5 Jun 2025 17:12:45 +0000
Subject: [PATCH 3/4] update zhouyiyuan.html.

Signed-off-by: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
---
 zhouyiyuan.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/zhouyiyuan.html b/zhouyiyuan.html
index b53f6e4..aa2c2a5 100644
--- a/zhouyiyuan.html
+++ b/zhouyiyuan.html
@@ -69,11 +69,11 @@
   </div>
   <script>
     const sliderData = [
-      { url: 'images.png'},
-      { url: 'images.png'},
-      { url: 'images.png'},
-      { url: 'images.png'},
-      { url: 'images.png'},
+      { url: 'image.png'},
+      { url: 'image.png'},
+      { url: 'image.png'},
+      { url: 'image.png'},
+      { url: 'image.png'},
     ]
     const img = document.querySelector('.box img')
     const p = document.querySelector('.box p')
-- 
Gitee


From 1b92930b4a1e01b327d53b5867db8a7731b11231 Mon Sep 17 00:00:00 2001
From: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
Date: Thu, 5 Jun 2025 17:15:55 +0000
Subject: [PATCH 4/4] add zhouyiyuan.js.

Signed-off-by: yiyuanzhou <15909268+yiyuanzhou@user.noreply.gitee.com>
---
 zhouyiyuan.js | 198 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 198 insertions(+)
 create mode 100644 zhouyiyuan.js

diff --git a/zhouyiyuan.js b/zhouyiyuan.js
new file mode 100644
index 0000000..0627882
--- /dev/null
+++ b/zhouyiyuan.js
@@ -0,0 +1,198 @@
+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) => {
+  const nodeMap = {};
+  data.forEach(item => {
+    nodeMap[item.value] = {
+      id: item.value,
+      title: item.label,
+      parentValue: item.parentValue
+    };
+  });
+  console.log(nodeMap)
+
+  const buildTree = (parentId) => {
+    const children = Object.values(nodeMap)
+      .filter(node => node.parentValue === parentId)
+      .map(node => {
+        const newNode = {
+          id: node.id,
+          title: node.title
+        };
+        const childNodes = buildTree(node.id);
+        if (childNodes.length > 0) {
+          newNode.child = childNodes;
+        }
+        delete nodeMap[node.id];
+        return newNode;
+      });
+
+    return children;
+  };
+
+
+  const rootNodes = Object.values(nodeMap)
+    .filter(node => node.parentValue === undefined);
+
+  result.length = 0;
+  rootNodes.forEach(root => {
+    const tree = {
+      id: root.id,
+      title: root.title,
+      child: buildTree(root.id)
+    };
+    result.push(tree);
+    delete nodeMap[root.id];
+  });
+};
+const result = [];
+getArea(cityData);
+console.log(result);
-- 
Gitee

