add task1 demo

openbuildxyz · Jun 6, 2024 · 9223c9f · 9223c9f
1 parent da98035
commit 9223c9f
Show file tree

Hide file tree

Showing 15 changed files with 4,723 additions and 0 deletions.
diff --git a/members/gamble369/task1/todoList/README.md b/members/gamble369/task1/todoList/README.md
@@ -0,0 +1,27 @@
+# todo List
+
+### 说明
+
+使用工具 `react` + `javascript` + `vite`
+
+使用 `vite` 创建一个react项目，比react脚手架 `create-react-app`创建更快，可选方案更灵活；
+
+`vite` 创建命令 `npm create vite@latest`；
+
+### 运行截图
+
+![](C:\Users\33215\Desktop\todolist.gif)
+
+
+
+### 项目说明
+
++ 该项目主要采用类式组件；
+
++ 父子组件的通信方式，采用状态升级，即将通用数据放到`App`父组件的 `state` 中；
+
+
+
+### 参考资料
+
++ [056_尚硅谷_react教程_TodoList案例_bilibili](https://www.bilibili.com/video/BV1wy4y1D7JT?p=56&spm_id_from=pageDriver&vd_source=c7a17b24f0b5a70e4b025703870eec19)
diff --git a/members/gamble369/task1/todoList/index.html b/members/gamble369/task1/todoList/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Todo List</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>