前端学习第1天
一、学习内容介绍
学习环境配置
1、vscode下载与安装，常用插件安装与导入2、谷歌浏览器下载与安装3、PHPEnv安装与配置4、MARKDOWN语法5、了解HTTP、URL基本知识
二、学习内容实操
1、vscode下载与安装，常用插件安装与批量导出导入
1.1、vscode官网下载地址：https://code.visualstudio.com/Downloadvscode分为三个系统版本，windows版本，MAC版本、和Linux版本，选择计算机系统对应版本，当前电脑系统X64 win11应选择windows版下载1.2、vscode扩展插件安装，打开vscode按快捷键Crtl+Shift+X 打开扩展插件搜素窗口，搜索需安装的插件。点击安装。1.3、批量导入导出插件，导入导出插件前要先安装一个扩展插件'Extension Import/Export'，打开菜单栏查看\命令面板或快捷键crtl+shift+p搜索export(导出)import(导入)json文件
2、谷歌浏览器下载与安装
2.1、在百度搜索谷歌浏览器或直接输入https://www.google.cn/chrome/index.html下载后安装
3、PHPEnv下载安装与配置
3.1、PHPEnv下载地址：https://www.phpenv.cn/3.2、安装
4、MARKDOWN语法
4.1Markdown 基本语法
Markdown是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如Github、Wikipedia、简书等。
4.2 markdown标题语法
要创建标题，请在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。例如，添加三个 # 表示创建一个三级标题 (<h3>) (例如：### My Header)。
Heading level 1
Heading level 2
Heading level 3
Heading level 4
Heading level 5
Heading level 6
*不同的 Markdown 应用程序处理 # 和标题之间的空格方式并不一致。为了兼容考虑，请用一个空格在 # 和标题之间进行分隔。
4.3 markdown段落语法
要创建段落，请使用空白行将一行或多行文本进行分隔。
4.4 Markdown 换行语法
在一行的末尾添加两个或多个空格，然后按回车键,即可创建一个换行(<br>)。几乎每个 Markdown 应用程序都支持两个或多个空格进行换行，称为 结尾空格（trailing whitespace) 的方式，但这是有争议的，因为很难在编辑器中直接看到空格，并且很多人在每个句子后面都会有意或无意地添加两个空格。由于这个原因，你可能要使用除结尾空格以外的其它方式来换行。幸运的是，几乎每个 Markdown 应用程序都支持另一种换行方式：HTML 的 <br> 标签。为了兼容性，请在行尾添加“结尾空格”或 HTML 的 <br> 标签来实现换行。
4.5 强调语法_加粗
要加粗文本，请在单词或短语的前后各添加两个星号（**asterisks**）或下划线（__underscores__）。如需加粗一个单词或短语的中间部分用以表示强调的话，请在要加粗部分的两侧各添加两个星号（asterisks）。
4.6 Markdown 引用语法
要创建块引用，请在段落前添加一个 > 符号。
块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。
4.7 MARKdown列表语法
1、有序列表
要创建有序列表，请在每个列表项前添加数字并紧跟一个英文句点。数字不必按数学顺序排列，但是列表应当以数字 1 起始。
2、无序列表
要创建无序列表，请在每个列表项前面添加破折号 (-)、星号 (*) 或加号 (+) 。缩进一个或多个列表项可创建嵌套列表。
# 4.8 Markdown 代码语法
1、要将单词或短语表示为代码，请将其包裹在反引号 (`) 中。
2、转义反引号
如果你要表示为代码的单词或短语中包含一个或多个反引号，则可以通过将单词或短语包裹在双反引号(``)中。
3、代码块
要创建代码块，请将代码块的每一行缩进至少四个空格或一个制表符。
4.9 Markdown 分隔线语法
要创建分隔线，请在单独一行上使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) ，并且不能包含其他内容。
4.10 MARKDOWN链接语法
链接文本放在中括号内，链接地址放在后面的括号中，链接title可选。超链接Markdown语法代码：[超链接显示名](超链接地址 "超链接title")对应的HTML代码：<a href="超链接地址" title="超链接title">超链接显示名</a>
4.11 Markdown 图片语法
要添加图像，请使用感叹号 (!), 然后在方括号增加替代文本，图片链接放在圆括号里，括号里的链接后可以增加一个可选的图片标题文本。插入图片Markdown语法代码：。对应的HTML代码：<img src="图片链接" alt="图片alt" title="图片title">
4.12 Markdown 表格
要添加表，请使用三个或多个连字符（---）创建每列的标题，并使用管道（|）分隔每列。您可以选择在表的任一端添加管道。
5、了解HTTP、URL基本知识
5.1.1 http基本知识
超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而 [9] 消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣，因为它使开发和部署非常地直截了当。
5.1.2 HTTP工作原理
HTTP是基于客户/服务器模式，且面向连接的。典型的HTTP事务处理有如下的过程：1）客户与服务器建立连接；2）客户向服务器提出请求；3）服务器接受请求，并根据请求返回相应的文件作为应答；4）客户与服务器关闭连接。客户与服务器之间的HTTP连接是一种一次性连接，它限制每次连接只处理一个请求，当服务器返回本次请求的应答后便立即关闭连接，下次请求再重新建立连接。这种一次性连接主要考虑到WWW服务器面向的是Internet中成千上万个用户，且只能提供有限个连接，故服务器不会让一个连接处于等待状态，及时地释放连接可以大大提高服务器的执行效率。HTTP是一种无状态协议，即服务器不保留与客户交易时的任何状态。这就大大减轻了服务器记忆负担，从而保持较快的响应速度。HTTP是一种面向对象的协议。允许传送任意类型的数据对象。它通过数据类型和长度来标识所传送的数据内容和大小，并允许对数据进行压缩传送。当用户在一个HTML文档中定义了一个超文本链后，浏览器将通过TCP/IP协议与指定的服务器建立连接。 [7]HTTP支持持久连接，在HTTP / 0.9和1.0中，连接在单个请求/响应对之后关闭。在HTTP / 1.1中，引入了保持活动机制，其中连接可以重用于多个请求。这样的持久性连接可以明显减少请求延迟，因为在发送第一个请求之后，客户端不需要重新协商TCP 3-Way-Handshake连接。另一个积极的副作用是，通常，由于TCP的缓慢启动机制，连接随着时间的推移而变得更快。该协议的1.1版还对HTTP / 1.0进行了带宽优化改进。例如，HTTP / 1.1引入了分块传输编码，以允许流传输而不是缓冲持久连接上的内容。HTTP流水线进一步减少了延迟时间，允许客户端在等待每个响应之前发送多个请求。协议的另一项附加功能是字节服务，即服务器仅传输客户端明确请求的资源部分。从技术上讲是客户在一个特定的TCP端口（端口号一般为80）上打开一个套接字。如果服务器一直在这个周知的端口上倾听连接，则该连接便会建立起来。然后客户通过该连接发送一个包含请求方法的请求块。HTTP规范定义了9种请求方法，每种请求方法规定了客户和服务器之间不同的信息交换方式，常用的请求方法是GET和POST。服务器将根据客户请求完成相应操作，并以应答块形式返回给客户，最后关闭连接。
5.2 URL基本知识
5.2.1 url语法
URL由三部分组成：资源类型、存放资源的主机域名、资源文件名。也可认为由4部分组成：协议、主机、端口、路径URL的一般语法格式为：(带方括号[]的为可选项)：protocol :// hostname[:port] / path / [:parameters][?query]#fragment
5.2.2 URL 格式说明
protocol（协议）指定使用的传输协议，下表列出 protocol 属性的有效方案名称。 最常用的是HTTP协议，它也是WWW中应用最广的协议。file 资源是本地计算机上的文件。格式file:///，注意后边应是三个斜杠。ftp 通过 FTP访问资源。格式 FTP://gopher 通过 Gopher 协议访问该资源。http 通过 HTTP 访问该资源。 格式 HTTP://https 通过安全的 HTTPS 访问该资源。 格式 HTTPS://mailto 资源为电子邮件地址，通过 SMTP 访问。 格式 mailto:MMS 通过 支持MMS（流媒体）协议的播放该资源。（代表软件：Windows Media Player）格式 MMS://ed2k 通过 支持ed2k（专用下载链接）协议的P2P软件访问该资源。（代表软件：电驴） 格式 ed2k://Flashget 通过 支持Flashget:（专用下载链接）协议的P2P软件访问该资源。（代表软件：快车） 格式 Flashget://thunder 通过 支持thunder（专用下载链接）协议的P2P软件访问该资源。（代表软件：迅雷） 格式 thunder://news 通过 NNTP 访问该资源。hostname（主机名）是指存放资源的服务器的域名系统(DNS) 主机名或 IP 地址。有时，在主机名前也可以包含连接到服务器所需的用户名和密码（格式：username:password@hostname）。port（端口号）整数，可选，省略时使用方案的默认端口，各种传输协议都有默认的端口号，如http的默认端口为80。如果输入时省略，则使用默认端口号。有时候出于安全或其他考虑，可以在服务器上对端口进行重定义，即采用非标准端口号，此时，URL中就不能省略端口号这一项。path（路径）由零或多个“/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。parameters（参数）这是用于指定特殊参数的可选项,有服务器端程序自行解释。query(查询)可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页）传递参数，可有多个参数，用“&”符号隔开，每个参数的名和值用“=”符号隔开。fragment（信息片断）字符串，用于指定网络资源中的片段。例如一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。
