diff --git a/README.md b/README.md index 4564bb5a4496a26c76722e4845054eb9cbaa3f7e..0dc3fb70a20fcf1a053d9a3ccc9b8743a0ba56a1 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,190 @@ -# resume +# 面试项目说明 -#### 介绍 -{**以下是 Gitee 平台说明，您可以替换此简介** -Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台 -无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)} +欢迎参加我们的面试！为了评估您的前端开发能力，请按照以下步骤操作： -#### 软件架构 -软件架构说明 +## 1. Fork 项目 +项目地址：https://gitee.com/tolern/fa +请点击右上角的 "Fork" 按钮 -#### 安装教程 +## 2.完成项目 +请按照下面的要求完成项目 -1. xxxx -2. xxxx -3. xxxx +1、创建一个文件，[你的名字.html]:例如：zhangsan.html，完成以下题目，不需要把js和css隔离开，放在zhangsan.html文件中即可。 -#### 使用说明 +不利用框架，只使用原生js，css，html，完成轮播图功能，要求支持无限轮播，支持自动轮播，支持左右箭头切换，支持小圆点切换 +![alt text](./image.png) -1. xxxx -2. xxxx -3. xxxx +2、创建一个文件，[你的名字.js]：例如：zhangsan.js，***把以下模板代码复制到这个文件中，完成以下题目*** -#### 参与贡献 +- 1.请利用递归方法实现一个函数，把上方数据递归成有层级的数据， +- 2.把value字段变成id字段，label字段变成title字段，children字段变成child字段， +- 3.去掉parentValue字段，最终得到以下数据。需要一模一样的数据 +- ⚠️注意：不允许使用三层循环，请使用递归方法 -1. Fork 本仓库 -2. 新建 Feat_xxx 分支 -3. 提交代码 -4. 新建 Pull Request +以下为模板代码： -#### 特技 +```javascript +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 result = []; +getArea(cityData); +console.log(result); + +``` + +### 4.提交代码, 发起 pull request到master分支，提交的时候请备注自己的姓名+手机号 -1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md -2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) -3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 -4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目 -5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) -6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/) diff --git a/image.png b/image.png new file mode 100644 index 0000000000000000000000000000000000000000..b820671cc9587ecbc66b350aa61326fbc704a884 Binary files /dev/null and b/image.png differ diff --git "a/\351\200\222\345\275\222\346\250\241\346\235\277.js" "b/\351\200\222\345\275\222\346\250\241\346\235\277.js" new file mode 100644 index 0000000000000000000000000000000000000000..b54afdc697f05f876f38581a3e9391f313ccc95d --- /dev/null +++ "b/\351\200\222\345\275\222\346\250\241\346\235\277.js" @@ -0,0 +1,157 @@ +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 result = []; +getArea(cityData); +console.log(result);