docs: 修理了第七章文档
This commit is contained in:
camera-2018
6
.vitepress/cache/deps/_metadata.json
vendored
6
.vitepress/cache/deps/_metadata.json
vendored
@@ -1,11 +1,11 @@
|
||||
{
|
||||
"hash": "37427fdc",
|
||||
"browserHash": "93d17c76",
|
||||
"hash": "eaa7f915",
|
||||
"browserHash": "fcd9e482",
|
||||
"optimized": {
|
||||
"vue": {
|
||||
"src": "../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
|
||||
"file": "vue.js",
|
||||
"fileHash": "87e80f21",
|
||||
"fileHash": "14989ea0",
|
||||
"needsInterop": false
|
||||
}
|
||||
},
|
||||
|
||||
13
.vitepress/cache/deps_temp_183b9035/_metadata.json
vendored
Normal file
13
.vitepress/cache/deps_temp_183b9035/_metadata.json
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"hash": "a98d20f4",
|
||||
"browserHash": "659eb1f9",
|
||||
"optimized": {
|
||||
"vue": {
|
||||
"src": "../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
|
||||
"file": "vue.js",
|
||||
"fileHash": "8c80ebf5",
|
||||
"needsInterop": false
|
||||
}
|
||||
},
|
||||
"chunks": {}
|
||||
}
|
||||
1
.vitepress/cache/deps_temp_183b9035/package.json
vendored
Normal file
1
.vitepress/cache/deps_temp_183b9035/package.json
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"type":"module"}
|
||||
9516
.vitepress/cache/deps_temp_183b9035/vue.js
vendored
Normal file
9516
.vitepress/cache/deps_temp_183b9035/vue.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
.vitepress/cache/deps_temp_183b9035/vue.js.map
vendored
Normal file
7
.vitepress/cache/deps_temp_183b9035/vue.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -22,6 +22,7 @@
|
||||
|
||||
[现代 JavaScript 教程](https://zh.javascript.info/)
|
||||
|
||||
::: warning 🎈
|
||||
<strong>快速上手的参考建议</strong>
|
||||
|
||||
<strong>HTML</strong><strong> </strong>可以先认知常用标签（ body / div / span / a / img 等）及其常用属性
|
||||
@@ -36,6 +37,8 @@
|
||||
|
||||
基本全部前端开发资料都可以在 [MDN](https://developer.mozilla.org/) 中找到
|
||||
|
||||
:::
|
||||
|
||||
### 🥂 助手介绍网页的重写
|
||||
|
||||
设计部姐姐给了前端部一个助手介绍网页的设计稿，但是 psyq 觉得[目前的助手介绍网页](https://site.hduhelp.com/)写得不是很还原，你可以帮 psyq 重写一个更好看的网页吗？
|
||||
@@ -94,7 +97,7 @@
|
||||
|
||||
|
||||
|
||||
一些参考
|
||||
<center>一些参考</center>
|
||||
|
||||
或许你也曾是一名时间管理大师，在各种效率类 app 立下自己要做的 flag。然而现成的工具难免无法满足自己的所有需求，那么不妨来编写一个自己的 TodoList 吧~
|
||||
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
# 进阶部分
|
||||
|
||||
::: warning 📌
|
||||
|
||||
如果是有一定基础的同学，可以考虑采用一些辅助工具(React / Vue / jQuery 等)，样式方面也可以采用你喜欢的组件库(Antd / ElementUI /<strong> </strong>Bootstrap 等)实现。
|
||||
|
||||
:::
|
||||
|
||||
## 🌥 天气组件
|
||||
|
||||
如果你曾经用过助手的小程序，你可能会在首页看到这样的天气卡片：
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
# 附录 1：前端介绍（详细版）
|
||||
|
||||
### # 前端的概念
|
||||
### 前端的概念
|
||||
|
||||
前端，想要入门，则必须要知道他所指代的内容。
|
||||
|
||||
@@ -8,14 +8,15 @@
|
||||
|
||||
狭义就是指网页，而广义则是指互联网中一切可见的界面及交互功能。设计师负责设计出好看的界面，而前端工程师则是负责把他实现，并在实现基础上增加交互的部分和实际的功能。例如：各种 GUI、小程序(各种)、快应用、APP 的界面、网页、鸿蒙应用等都可以由前端来完成。有些人可能会疑惑，这也算前端。我只能说，这就是大前端时代。许多人学习前端，在网上寻找教程，找到的教程都是非常远古或者基础的。由于前端的发展历史很长，教程也必须与时俱进。以前的教程仅限网页制作，但如今前端领域日新月异，各种新框架新功能不断开辟，我们不能都有所涉及，但也不能做井底之蛙。
|
||||
|
||||
### # 前端的学习
|
||||
### 前端的学习
|
||||
|
||||
因此，想要入门前端，则必须先建立一个较好的世界观，才能进行方法论的学习。最最基础的前端，也就是网页，需要从网页三剑客开始学习，即 HTML、CSS、JAVASCRIPT。这三样一个负责描述网页内容，一个负责描述网页样式，一个负责网页交互。没错，这三个就是三门语言。每门语言都有不可忽视的发展成果。大多数人在网上寻找教程，找到的都是最基础的教程，甚至没有与时俱进，比如有许多废弃的规定还在教程中，比如有新的语法规范却没有教授。我这里并不推荐有没有什么好的教程，而是要大家通过搜索引擎的帮助，让自己建立一个正确的前端世界观，而这篇文章知识来帮助你们少走弯路和死胡同。当然，如果大家想要学好前端，必须要自己学会阅读文档，而不是一些教程。因为官方文档才是最前沿的，最正确的，最全面的。
|
||||
|
||||
### # 前端的历史
|
||||
### 前端的历史
|
||||
|
||||
从历史中较为全面的了解前端，可以帮助你快速建立相关的观念。当然，前端的历史，大家可以看看知乎上高赞的回答。我这里只说一下我的观念。前端在历史发展中，非常注重一个理念，不要重复造轮子（DRY）。没错，别人做好的，已经很完善的，拿来用就行，除非你自己还有什么其他的需求。这个观念与其他计算机领域的观念是不一样的。这也是前端能够快速发展的重要原因之一。浏览器等设备平台对代码进行一个渲染和执行，我们必须遵守这个规范。但代码怎么样写，怎么样提高效率，怎么样支持多种写法都能得到一样的效果，这就是前端发展的一个关键。先辈们对代码进行了二次的一个编译。先辈们建立了一系列编译器等操作，使得前端能够在基石上向上发展。我们不必一板一眼的编写非常冗余的 HTML\CSS\JS 代码，而是编写特定语法的代码，然后通过代码编译成浏览器等平台可识别的 HTML\CSS\JS\其他的代码。这不仅使得我们前端开发的效率大大提高，还能把代码移植到其他平台，实现跨平台的功能。所以这才诞生出了 postcss，vue，emmet 等高效而又实用的成果。
|
||||
|
||||
要说，前端为什么发展这么快，很重要的因素就是它非常热衷于开源。通过开源，大家可以一起维护一个项目，并通过传播，让其他人在它的基础上继续发展，逐渐壮大。你可以直接在前人的基础上继续发展，可以快速建立自己的生态，发现并合力解决各种 BUG。
|
||||
|
||||
MDN 是个适合初学和文档查阅的网站 里面有学习前端的全流程
|
||||
https://developer.mozilla.org/zh-CN/docs/learn
|
||||
@@ -4,13 +4,18 @@
|
||||
|
||||
这里我们讲讲前端三剑客和前端框架
|
||||
|
||||
如图为前端的路线
|
||||
如下为roadmap上前端的路线
|
||||
https://roadmap.sh/frontend
|
||||
|
||||
- 前端三剑客
|
||||
- https://www.w3school.com.cn/html/html5_intro.asp
|
||||
- https://www.w3school.com.cn/css/index.asp
|
||||
- https://www.w3school.com.cn/js/index.asp
|
||||
|
||||
- 前端框架
|
||||
- https://cn.vuejs.org/
|
||||
> 在官方文档学习 Vue 的过程中，强烈建议你在左上角 `API风格偏好` 中，改为组合式
|
||||
|
||||
> 在官方文档学习 Vue 的过程中，强烈建议你在左上角 `API风格偏好` 中，改为组合式
|
||||
- https://zh-hans.react.dev/
|
||||
|
||||
> 在官方文档学习 React 的过程中，强烈建议不要在 Class 写法停留太久，要速速学习 Hook 写法
|
||||
|
||||
下面是 ou_a1cbc05cef3d1c953fc1c9da4b6e869a 提供的 React 教程 <del>“这个感觉好一点，但不够专业”</del>
|
||||
> 在官方文档学习 React 的过程中，强烈建议不要在 Class 写法停留太久，要速速学习 Hook 写法
|
||||
|
||||
@@ -1 +1,3 @@
|
||||
# 前端部分
|
||||
|
||||
本章节内容目前主要取自杭助面试小任务，后续会逐步完善。
|
||||
@@ -2,8 +2,9 @@
|
||||
|
||||
作者：[iyear](https://github.com/iyear) 、后端的小伙伴们
|
||||
|
||||
::: tip 🎇
|
||||
Hello~这里是杭电助手技术部后端，无论基础如何，您都可以跟随着这篇文章的指引，使用 Golang 开发一个基于 Web 的简易登录系统后端部分。
|
||||
|
||||
:::
|
||||
本任务将涉及以下知识：
|
||||
|
||||
- Go 语言（又称 Golang） 开发环境搭建、基础语法知识、Gin 框架的使用
|
||||
@@ -26,11 +27,15 @@ Hello~这里是杭电助手技术部后端，无论基础如何，您都可以
|
||||
这只吉祥物囊袋鼠的英文学名为 <strong>Gopher</strong>，每位热爱 Golang 的开发者都会自称 <strong>Gopher</strong> (就像 jvaver 一样(x)，而它的造型出于创始人之一 Rob Pike 的妻子之手。
|
||||
|
||||
#### 视频资料(<strong>P2-P3</strong>)：
|
||||
|
||||
https://www.bilibili.com/video/BV1zR4y1t7Wj/
|
||||
#### 文字资料：
|
||||
|
||||
- Golang 官网(非常好记: go.dev(eloper))
|
||||
|
||||
https://go.dev/
|
||||
- 一些第三方的前景概览
|
||||
|
||||
https://www.topgoer.com/
|
||||
|
||||
#### 补充资料：
|
||||
|
||||
@@ -45,7 +50,9 @@ Hello~这里是杭电助手技术部后端，无论基础如何，您都可以
|
||||
|
||||
Golang 是一门年轻的语言(相比 Java & JavaScript)，它没有那么多的历史包袱，所以环境搭建在一众语言中可以算得上十分容易。同时 Golang 自带了丰富的工具链，许多 Gopher 的整个职业生涯中可能都不需要用到官方工具链以外的相关工具。
|
||||
|
||||
::: tip 📌
|
||||
本小节还请同学们各显神通，由于不同计算机不同环境不同平台的区别，Golang 环境搭建各有区别。资料中将尽可能给出一些教程，但具体需同学们使用搜索引擎寻找最佳实践。出现问题在群内积极提问~
|
||||
:::
|
||||
|
||||
对于 IDE 的选择：
|
||||
|
||||
@@ -53,19 +60,32 @@ Golang 是一门年轻的语言(相比 Java & JavaScript)，它没有那么多
|
||||
|
||||
首先是万能的 VSCode
|
||||
|
||||
https://code.visualstudio.com/
|
||||
|
||||
还有智能的 GoLand
|
||||
|
||||
https://www.jetbrains.com/go/
|
||||
|
||||
喜欢折腾的同学可以选择 VSCode 作为自己的开发工具，如果想能够马上上手学习的同学，可以使用 GoLand 作为自己的开发工具
|
||||
|
||||
::: tip 🤭
|
||||
GoLand 可以使用教育邮箱学生认证白嫖噢~👀
|
||||
:::
|
||||
|
||||
#### 视频资料(<strong>P4-P6</strong>)：
|
||||
|
||||
https://www.bilibili.com/video/BV1zR4y1t7Wj/
|
||||
|
||||
#### 文字资料：
|
||||
|
||||
- VSCode 的爹亲自教你装 Golang 环境
|
||||
|
||||
https://learn.microsoft.com/zh-cn/azure/developer/go/configure-visual-studio-code
|
||||
|
||||
- 使用 GoLand 搭建
|
||||
|
||||
https://polarisxu.studygolang.com/posts/go/2022-dev-env/
|
||||
|
||||
#### 补充资料
|
||||
|
||||
> 这些文章只是帮助你理解的更透彻，看不懂完全没关系。甚至你完全可以跳过他们，在任务结束后再来看看，或许你会有更多收获。
|
||||
@@ -83,17 +103,24 @@ Golang 的语法是 C/C++ 系的，在许多地方你都可以看到他们的影
|
||||
|
||||
#### 视频资料(P9-P56 每集视频并不长，不要被吓到了喔)：
|
||||
|
||||
https://www.bilibili.com/video/BV1zR4y1t7Wj/
|
||||
|
||||
#### 文字资料：
|
||||
|
||||
- 非常推荐的 Go Tour 中文版。Go Tour 是 <strong>Go 官方为初学者打造的渐进式教程</strong>，你可以跟随着它的步伐一点点探索 Go 语言 。Go Tour 的代码都充满着它的<strong>设计哲学与最佳实践</strong>，是每位 Gopher 的必经之路。同时它也是<strong>交互式的</strong>，左侧是教程，右侧能直接敲代码，在网页上运行。
|
||||
|
||||
https://tour.go-zh.org/welcome/1
|
||||
|
||||
- 短小精湛的 Golang 入门教程，是 The Little Go Book 的中文翻译
|
||||
|
||||
https://learnku.com/docs/the-little-go-book
|
||||
|
||||
#### 补充资料：
|
||||
|
||||
- [Go by Example 中文版](https://gobyexample-cn.github.io/) - Go by Example 是对 Go 基于实践的介绍，包含一系列带有注释说明的示例程序。
|
||||
- [《Go 入门指南》](https://learnku.com/docs/the-way-to-go) - 《Go 入门指南》是 《The Way to Go》的中文译本，本书专为 Golang 初学者量身定制。教程较老，小部分内容有点过时，但质量很高。
|
||||
- [《Go 语言 101》](https://gfw.go101.org/) - 《Go 101》详细描述了 Golang 部分底层原理、最佳实践、代码风格、常见错误，适合进一步深入阅读。
|
||||
- [《Go 语言圣经》](https://books.studygolang.com/gopl-zh/)- 《The Go Programming》的中文版，是官方书籍。内容相当老，但包含着 Golang 的设计哲学与建设初期的思考和路线。
|
||||
- [《Go 语言圣经》](https://books.studygolang.com/gopl-zh/) - 《The Go Programming》的中文版，是官方书籍。内容相当老，但包含着 Golang 的设计哲学与建设初期的思考和路线。
|
||||
|
||||
# 🎯 HTTP 协议学习 (Day 9-10)
|
||||
|
||||
@@ -104,9 +131,18 @@ HTTP 协议起草与演进之路十分坎坷，但每一步都举足轻重，在
|
||||
#### 文字资料：
|
||||
|
||||
- 非常著名的阮一峰博客 <strong>(他的博客可以从最早开始都过一遍，很多计算机科普可以说永不过时)</strong>
|
||||
|
||||
https://www.ruanyifeng.com/blog/2016/08/http.html
|
||||
|
||||
|
||||
- 图解系列非常有意思，最重要的是不止于介绍协议，更为你道来其历史设计的进程。本书不必在任务期间内看完，但我相信你会爱上它的。
|
||||
|
||||
https://book.douban.com/subject/25863515/
|
||||
|
||||
- 经典菜鸟教程，不过有点枯燥乏味。可以用于回顾和工具书查阅。
|
||||
|
||||
https://www.runoob.com/http/http-intro.html
|
||||
|
||||
#### 补充资料：
|
||||
|
||||
- [《互联网时代》纪录片](https://www.bilibili.com/video/BV1DU4y147XR/) - 与 HTTP 没什么关系，但给当时的我带来极大的震撼和触动。互联网是人类连接的重要一步，是对人类自由、平等、互通之理念长达半个世纪的深刻贯彻。
|
||||
@@ -157,7 +193,9 @@ HTTP 协议起草与演进之路十分坎坷，但每一步都举足轻重，在
|
||||
|
||||
#### 无限进步！ (From [影视飓风](https://space.bilibili.com/946974/))
|
||||
|
||||
::: danger 🔔
|
||||
发挥你的想象，让你的服务变得更加可靠、有趣、优雅~
|
||||
:::
|
||||
|
||||
- 如果你的所有代码都在一个文件里，请尝试让他变得有模块感~
|
||||
- 如果你的账号密码写死(硬编码)在程序中，请尝试让它能动态变化~
|
||||
|
||||
@@ -2,16 +2,22 @@
|
||||
|
||||
请先通读后端基础任务文档：
|
||||
|
||||
[基础部分](https://gw9u39xwqi.feishu.cn/wiki/wikcnpSaXuSRAHOYM7EYmx88wBg)
|
||||
[基础部分](./7.2.1%E5%9F%BA%E7%A1%80%E9%83%A8%E5%88%86.md)
|
||||
|
||||
你可以清晰地感受到，基础任务并不是一个生产可用的服务，它仅可作为一个 DEMO 用于演示。尝试为它的生产部署之路添砖加瓦！
|
||||
|
||||
::: warning 📌
|
||||
进阶的任务是开放的：在上述要求的基础上，尽可能地拓展即可，无论是功能、性能、架构、代码整洁等等方面都可
|
||||
:::
|
||||
|
||||
下面是一些可拓展的点，可尽情发挥（不局限于这些）：
|
||||
|
||||
- 第三方库集合 (你可以在其中尝试找到你需要的东西)
|
||||
|
||||
https://github.com/avelino/awesome-go
|
||||
|
||||
https://github.com/jobbole/awesome-go-cn
|
||||
|
||||
## 扩展接口
|
||||
|
||||
新增接口，或者丰富已有接口功能，让程序变得更有趣一些
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
# 后端部分
|
||||
|
||||
本章节内容目前主要取自杭助
|
||||
本章节内容目前主要取自杭助面试小任务，后续会逐步完善。
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# 7.Web 开发入门
|
||||
|
||||
> 作者：aFlyBird0
|
||||
|
||||
> 我本来写了一大堆客套话，诸如各位“恭喜各位看到这里”、“本章节多么多么有趣、干货、面向就业”。然后全部删掉，决定采用结构化的写作方式来写。
|
||||
|
||||
## 章节题目解释
|
||||
@@ -57,9 +59,9 @@
|
||||
干讲技术细节实在太无趣了，我们直接上手实战吧！
|
||||
|
||||
不要怕，我「实战」，你「感谢」就行！
|
||||
|
||||
::: warning 📌
|
||||
假设我们要做一个「留言板」
|
||||
|
||||
:::
|
||||
#### 2.3.1 明确需求
|
||||
|
||||
开发程序前（无论是自己独立开发、还是以后工作），一定要先明确需求。
|
||||
|
||||
2
package-lock.json
generated
2
package-lock.json
generated
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "srt-wiki",
|
||||
"name": "hdu-cs-wiki",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
|
||||
Reference in New Issue
Block a user