diff --git a/packages/stack-idealjs/practice/alin.hu/html/console.png b/packages/stack-idealjs/practice/alin.hu/html-console.png similarity index 100% rename from packages/stack-idealjs/practice/alin.hu/html/console.png rename to packages/stack-idealjs/practice/alin.hu/html-console.png diff --git a/packages/stack-idealjs/practice/alin.hu/html/get.png b/packages/stack-idealjs/practice/alin.hu/html-get.png similarity index 100% rename from packages/stack-idealjs/practice/alin.hu/html/get.png rename to packages/stack-idealjs/practice/alin.hu/html-get.png diff --git a/packages/stack-idealjs/practice/alin.hu/html/image.png b/packages/stack-idealjs/practice/alin.hu/html-image.png similarity index 100% rename from packages/stack-idealjs/practice/alin.hu/html/image.png rename to packages/stack-idealjs/practice/alin.hu/html-image.png diff --git a/packages/stack-idealjs/practice/alin.hu/html/index.png b/packages/stack-idealjs/practice/alin.hu/html-index.png similarity index 100% rename from packages/stack-idealjs/practice/alin.hu/html/index.png rename to packages/stack-idealjs/practice/alin.hu/html-index.png diff --git a/packages/stack-idealjs/practice/alin.hu/html/_category_.json b/packages/stack-idealjs/practice/alin.hu/html/_category_.json deleted file mode 100644 index 808b396..0000000 --- a/packages/stack-idealjs/practice/alin.hu/html/_category_.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "label": "访问HTML网页的流程", - "position": 1, - "link": { - "type": "generated-index" - } -} \ No newline at end of file diff --git a/packages/stack-idealjs/practice/alin.hu/react/result2.png b/packages/stack-idealjs/practice/alin.hu/react-result2.png similarity index 100% rename from packages/stack-idealjs/practice/alin.hu/react/result2.png rename to packages/stack-idealjs/practice/alin.hu/react-result2.png diff --git a/packages/stack-idealjs/practice/alin.hu/react/_category_.json b/packages/stack-idealjs/practice/alin.hu/react/_category_.json deleted file mode 100644 index 57c4274..0000000 --- a/packages/stack-idealjs/practice/alin.hu/react/_category_.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "label": "react的入门", - "position": 4, - "link": { - "type": "generated-index" - } -} \ No newline at end of file diff --git a/packages/stack-idealjs/practice/alin.hu/react/react_todo_list.md b/packages/stack-idealjs/practice/alin.hu/react_todo_list.md similarity index 97% rename from packages/stack-idealjs/practice/alin.hu/react/react_todo_list.md rename to packages/stack-idealjs/practice/alin.hu/react_todo_list.md index 36d53ba..87a5d89 100644 --- a/packages/stack-idealjs/practice/alin.hu/react/react_todo_list.md +++ b/packages/stack-idealjs/practice/alin.hu/react_todo_list.md @@ -1,5 +1,5 @@ --- -sidebar_position: 2 +sidebar_position: 5 --- # 如何使用react+ts编写前端todo list @@ -9,7 +9,7 @@ sidebar_position: 2 1. 已创建react ts工程 >**提示** -若未创建react ts工程，可以参考[使用vite创建react ts工程](/practice/alin.hu/react/react_ts)文档 +若未创建react ts工程，可以参考[使用vite创建react ts工程](/practice/alin.hu/react_ts)文档 ## 项目初始化 打开react ts工程 @@ -195,4 +195,4 @@ export default App ``` npm run dev ``` -![运行结果](./result2.png) \ No newline at end of file +![运行结果](./react-result2.png) \ No newline at end of file diff --git a/packages/stack-idealjs/practice/alin.hu/react/react_ts.md b/packages/stack-idealjs/practice/alin.hu/react_ts.md similarity index 98% rename from packages/stack-idealjs/practice/alin.hu/react/react_ts.md rename to packages/stack-idealjs/practice/alin.hu/react_ts.md index 7f691bc..2fb7369 100644 --- a/packages/stack-idealjs/practice/alin.hu/react/react_ts.md +++ b/packages/stack-idealjs/practice/alin.hu/react_ts.md @@ -1,5 +1,5 @@ --- -sidebar_position: 1 +sidebar_position: 4 --- # 使用vite创建react ts工程 diff --git a/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/result.png b/packages/stack-idealjs/practice/alin.hu/vanilla-result.png similarity index 100% rename from packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/result.png rename to packages/stack-idealjs/practice/alin.hu/vanilla-result.png diff --git a/packages/stack-idealjs/practice/alin.hu/html/visit.md b/packages/stack-idealjs/practice/alin.hu/visit.md similarity index 94% rename from packages/stack-idealjs/practice/alin.hu/html/visit.md rename to packages/stack-idealjs/practice/alin.hu/visit.md index 307bf13..8284a1d 100644 --- a/packages/stack-idealjs/practice/alin.hu/html/visit.md +++ b/packages/stack-idealjs/practice/alin.hu/visit.md @@ -28,7 +28,7 @@ cd ~/test http-server ``` 启动成功后，命令行会输出以下网址 -![网址](./console.png) +![网址](./html-console.png) 这时，你可以在浏览器中输入 `http://127.0.0.1:8080` 或者`http://localhost:8080` 来访问你的网页 ## 无痕模式 @@ -37,7 +37,7 @@ http-server Ctrl+Shift+N ``` 按下`F12`，进入检查 -![无痕模式](./image.png) +![无痕模式](./html-image.png) ## 先决条件 - 你需要已经安装并启动 `http-server`。 @@ -50,14 +50,14 @@ Ctrl+Shift+N ### 2. 发送 GET 请求 浏览器会向服务器发送一个路径为 `/` 的 GET 请求。 -![请求路径](./get.png) +![请求路径](./html-get.png) ## 服务器的工作步骤 ### 1. 查找文件 当服务器接收到浏览器的请求后，就像一位仓库管理员，会在众多文件中查找 `index.html` 文件。 -![文件](./index.png) +![文件](./html-index.png) ### 2. 生成 HTTP 响应 服务器找到文件后，会对其进行处理，将其转换为适合在网络中传输的 HTTP 响应，如同把货物包装好以便运输。 diff --git a/packages/stack-idealjs/practice/alin.hu/vite/vite.md b/packages/stack-idealjs/practice/alin.hu/vite.md similarity index 97% rename from packages/stack-idealjs/practice/alin.hu/vite/vite.md rename to packages/stack-idealjs/practice/alin.hu/vite.md index 39d9cce..fc29c6d 100644 --- a/packages/stack-idealjs/practice/alin.hu/vite/vite.md +++ b/packages/stack-idealjs/practice/alin.hu/vite.md @@ -1,5 +1,5 @@ --- -sidebar_position: 1 +sidebar_position: 2 --- # vite的入门 diff --git a/packages/stack-idealjs/practice/alin.hu/vite/_category_.json b/packages/stack-idealjs/practice/alin.hu/vite/_category_.json deleted file mode 100644 index a28cfe6..0000000 --- a/packages/stack-idealjs/practice/alin.hu/vite/_category_.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "label": "vite的入门", - "position": 2, - "link": { - "type": "generated-index" - } -} \ No newline at end of file diff --git a/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/vite_vanilla_ts.md b/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts.md similarity index 98% rename from packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/vite_vanilla_ts.md rename to packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts.md index 9d0db7c..f52d6f5 100644 --- a/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/vite_vanilla_ts.md +++ b/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts.md @@ -1,5 +1,5 @@ --- -sidebar_position: 1 +sidebar_position: 3 --- # 如何使用html+ts编写前端todo list @@ -7,7 +7,7 @@ sidebar_position: 1 1. 已创建vanilla ts工程 >**提示** -若未安装vanilla ts工程，可以参考[vite的入门](/practice/alin.hu/vite/)文档 +若未安装vanilla ts工程，可以参考[vite的入门](/practice/alin.hu/vite)文档 ## 项目初始化 打开vanilla ts工程 @@ -197,4 +197,4 @@ function renderTodoList(list: TodoItem[]) { ``` npm run dev ``` -![运行效果](./result.png) \ No newline at end of file +![运行效果](./vanilla-result.png) \ No newline at end of file diff --git a/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/_category_.json b/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/_category_.json deleted file mode 100644 index 3cb3d77..0000000 --- a/packages/stack-idealjs/practice/alin.hu/vite_vanilla_ts/_category_.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "label": "vanilla ts工程", - "position": 3, - "link": { - "type": "generated-index" - } -} \ No newline at end of file diff --git a/packages/stack-idealjs/practice/index.md b/packages/stack-idealjs/practice/index.md index 7372c4d..cdc3f69 100644 --- a/packages/stack-idealjs/practice/index.md +++ b/packages/stack-idealjs/practice/index.md @@ -6,4 +6,4 @@ sidebar_position: 1 本栏目收录实习生们的实践经历与学习笔记。 -- [alin.hu —— 全栈入门指南](./alin.hu/html/visit.md) +- [alin.hu —— 全栈入门指南](./alin.hu/visit)