style: html to md syntax

This commit is contained in:
Plumbiu
2023-08-24 10:31:27 +08:00
parent 229e847514
commit 0a96f3658b
88 changed files with 459 additions and 459 deletions

View File

@@ -21,15 +21,15 @@
[现代 JavaScript 教程](https://zh.javascript.info/)
::: warning 🎈
<strong>快速上手的参考建议</strong>
**快速上手的参考建议**
<strong>HTML</strong><strong> </strong>可以先认知常用标签( body / div / span / a / img 等)及其常用属性
**HTML**** **可以先认知常用标签( body / div / span / a / img 等)及其常用属性
<strong>CSS </strong>了解常见的颜色属性(字体颜色 / 背景颜色 / 边框颜色 等)、字体相关属性(字号 / 字重 / 行高 等、盒子模型padding / border / margin、用于布局的属性float / flex / grid、单位px / rem / em / vh / vw 等、选择器id 选择器 / 类选择器 等)
**CSS**了解常见的颜色属性(字体颜色 / 背景颜色 / 边框颜色 等)、字体相关属性(字号 / 字重 / 行高 等、盒子模型padding / border / margin、用于布局的属性float / flex / grid、单位px / rem / em / vh / vw 等、选择器id 选择器 / 类选择器 等)
<strong>JS</strong><strong> </strong>了解基本语法(变量定义 / 判断 / 循环 / 函数定义 / etc与 DOM 操作
**JS**** **了解基本语法(变量定义 / 判断 / 循环 / 函数定义 / etc与 DOM 操作
涉及<strong>前后端交互</strong>的部分可以了解 fetch 的使用
涉及**前后端交互**的部分可以了解 fetch 的使用
其他诸如 HTML5 / CSS3 / ES6+ 的知识可以暂时跳过,<del>任务要用到再查</del>
@@ -102,7 +102,7 @@
#### 基本要求
- 可以对 todo 进行增删改查
- 至少存在 <strong>待完成</strong>/<strong>已完成</strong> 两种不同的状态Todo 应该能够在不同状态间切换。更进一步,你也可以设计一个 <strong>进行中</strong> 状态。
- 至少存在 **待完成**/**已完成** 两种不同的状态Todo 应该能够在不同状态间切换。更进一步,你也可以设计一个 **进行中** 状态。
#### 额外发挥

View File

@@ -2,7 +2,7 @@
::: warning 📌
如果是有一定基础的同学,可以考虑采用一些辅助工具(React / Vue / jQuery 等),样式方面也可以采用你喜欢的组件库(Antd / ElementUI /<strong> </strong>Bootstrap 等)实现。
如果是有一定基础的同学,可以考虑采用一些辅助工具(React / Vue / jQuery 等),样式方面也可以采用你喜欢的组件库(Antd / ElementUI / Bootstrap 等)实现。
:::

View File

@@ -24,9 +24,9 @@ Hello~这里是杭电助手技术部后端,无论基础如何,您都可以
官网虽然是英文,但是非常非常的友好,近年还刚翻新过一次好看了许多,还有各种可爱的吉祥物插图。
这只吉祥物囊袋鼠的英文学名为 <strong>Gopher</strong>,每位热爱 Golang 的开发者都会自称 <strong>Gopher</strong> (就像 jvaver 一样(x),而它的造型出于创始人之一 Rob Pike 的妻子之手。
这只吉祥物囊袋鼠的英文学名为 **Gopher**,每位热爱 Golang 的开发者都会自称 **Gopher** (就像 jvaver 一样(x),而它的造型出于创始人之一 Rob Pike 的妻子之手。
#### 视频资料(<strong>P2-P3</strong>)
#### 视频资料(**P2-P3**)
<Bilibili bvid='BV1zR4y1t7Wj'/>
@@ -74,7 +74,7 @@ https://www.jetbrains.com/go/
GoLand 可以使用教育邮箱学生认证白嫖噢~👀
:::
#### 视频资料(<strong>P4-P6</strong>)
#### 视频资料(**P4-P6**)
<Bilibili bvid='BV1zR4y1t7Wj'/>
@@ -99,7 +99,7 @@ https://polarisxu.studygolang.com/posts/go/2022-dev-env/
Golang 的语法是 C/C++ 系的,在许多地方你都可以看到他们的影子,这对未来 C 的学习更有自顶向下的帮助。当然,如果你曾经用过 Java、PythonGolang 的语法你可能会不太习惯,这不会是问题~在熟悉语法后,你会发现 “Golang 一把梭” 是真实存在的 🤓。
<strong>对于基础语法的学习,无需一时学习过深,也不必花费过多时间在此</strong>。<strong>即使半懵半懂,在多次实践后也会渐渐领悟</strong>
**对于基础语法的学习,无需一时学习过深,也不必花费过多时间在此**。**即使半懵半懂,在多次实践后也会渐渐领悟**
本次任务并不需要用到反射、并发等高级特性(学到时可选择性暂时避开),最深只需要用到结构体与方法的相关知识。
@@ -110,7 +110,7 @@ Golang 的语法是 C/C++ 系的,在许多地方你都可以看到他们的影
#### 文字资料:
- 非常推荐的 Go Tour 中文版。Go Tour 是 <strong>Go 官方为初学者打造的渐进式教程</strong>,你可以跟随着它的步伐一点点探索 Go 语言 。Go Tour 的代码都充满着它的<strong>设计哲学与最佳实践</strong>,是每位 Gopher 的必经之路。同时它也是<strong>交互式的</strong>,左侧是教程,右侧能直接敲代码,在网页上运行。
- 非常推荐的 Go Tour 中文版。Go Tour 是 **Go 官方为初学者打造的渐进式教程**,你可以跟随着它的步伐一点点探索 Go 语言 。Go Tour 的代码都充满着它的**设计哲学与最佳实践**,是每位 Gopher 的必经之路。同时它也是**交互式的**,左侧是教程,右侧能直接敲代码,在网页上运行。
https://tour.go-zh.org/welcome/1
@@ -133,7 +133,7 @@ HTTP 协议起草与演进之路十分坎坷,但每一步都举足轻重,在
#### 文字资料:
- 非常著名的阮一峰博客 <strong>(他的博客可以从最早开始都过一遍,很多计算机科普可以说永不过时)</strong>
- 非常著名的阮一峰博客 **(他的博客可以从最早开始都过一遍,很多计算机科普可以说永不过时)**
https://www.ruanyifeng.com/blog/2016/08/http.html
@@ -183,7 +183,7 @@ https://www.runoob.com/http/http-intro.html
请运用你在第三小节中学习的 `Golang 包(依赖)管理` 正确地安装 Gin 并学习使用它。
<strong>相关资料</strong>
**相关资料**
- [GitHub - gin-gonic/gin: Gin is a HTTP web framework written in Go (Golang)](https://github.com/gin-gonic/gin) - Gin 的官方仓库及权威文档。
- [Go Gin Example](https://github.com/eddycjy/go-gin-example) - 使用 Gin 的一个小项目,难度较高。

View File

@@ -6,13 +6,13 @@
## 章节题目解释
- 何为 Web可以狭义地理解为<strong>「</strong><strong>前端</strong><strong>」+「后端」</strong>
- 何为 Web可以狭义地理解为<strong>「前端」+「后端」</strong>
- 何为开发:明确产品需求,写代码,调试代码,部署项目,写项目文档,维护项目
- 何为入门:不知道要马上学会,而是知道 Web 开发是什么,以及如何去学
## 前端?后端?
### <strong>行业背景</strong>
### **行业背景**
前端开发和后端开发可以说是 2023 年以前,计算机学生就业最广泛的方向(当然工资也不低)
@@ -20,7 +20,7 @@
我们接触互联网,直接使用最多的是什么?——软件
同样,我们可以狭义地把大部分软件开发理解为:<strong>「软件」(程序员需要做的部分)=「</strong><strong>前端</strong><strong>」+「后端」</strong>
同样,我们可以狭义地把大部分软件开发理解为:**「软件」(程序员需要做的部分)=「****前端****」+「后端」**
所以大部分计算机学生毕业,都是为公司的具体的业务,开发对应的手机 APP、网站、电脑软件。
@@ -28,13 +28,13 @@
本文写于 2023 年 4 月2023 年以来AIChatGPT、Copilot、MidJourney正在颠覆每个领域。可能在不远的将来大部分的前后端开发都能通过 AI 自动生成 99% 的代码,然后人工审核、校对、修改剩下的 1%。
### <strong>步入正题 - 何为前后端 - 通俗认识</strong>
### **步入正题 - 何为前后端 - 通俗认识**
<strong>前端</strong>
**前端**
前端可以狭义地理解为,一个软件中看得到的部分。比如网页上的文字图片、各种花里胡哨的样式、以及交互操作。广义上来说,大家用的各种 APP、电脑上的应用程序用户界面的部分都是前端干的活。
<strong>后端</strong>
**后端**
相对于前端,后端当然是「看不见的部分」。
@@ -44,13 +44,13 @@
所以一个软件的关键数据,肯定不是在用户侧(即前端)的。需要有这么一个东西,来存储数据(存储数据的地方叫数据库),来解析用户的请求,这就是后端。
<strong>例子</strong>
**例子**
举个详细的例子,购物软件上点了下单并支付,这时候前端就会发送一个网络请求,告诉后端:<em>用户某某某,买了什么东西,价格和数量是多少,收货地址是多少。。。</em>
后端收到了信息,先解析,然后修改数据库中存储的关键信息,比如新建一个订单信息,把商品的数量 -1 等等,再把下单的结果告诉给前端。前端收到信息后,就会渲染页面,提示「下单成功」!
### <strong>深入 - 何为前后端 - 技术剖析</strong>
### **深入 - 何为前后端 - 技术剖析**
在了解了前后端的宏观概念后,我们继续来感受一下背后的技术细节吧!
@@ -79,7 +79,7 @@
想知道前端需要用到什么技术,就来看看前端到底需要解决什么问题吧!
1. <strong>页面渲染</strong>
1. **页面渲染**
无论是做网页,还是做 APP 界面,都得「画」出界面。
@@ -89,7 +89,7 @@
<em>(拓展:还有一些技术能够做到跨平台,比如通过某种技术把浏览器包装成一个 APP就能只出同时支持浏览器和 APP 的</em><em>前端</em><em>;比如创建新的第三方前端框架,能把程序员写的代码转换成原生的 IOS、安卓 APP</em>
1. <strong>用户交互</strong>
1. **用户交互**
如何实现“点击「留言」按钮,系统自动提交留言”?或者当用户点击按钮的时候,检测一下用户输入的内容是不是空。