前端开发DAY1
今日教学内容一览
1.学习方式
2.开发环境
3.HTTP
4.URL
5.MarkDown
（一）学习方式
1.如何看直播
PHP中文网—我的学习—观看直播
2.如何看回放？
回放在课程目录中查看；源码在课件下载中下载即可。
3.如何写作业？
博客—栏目—新增栏目—21期前端开发；使用MD写作业。
例如：开学第一课作业
提交—前端开发；
状态—作业；
文章标签—HTML；
文章标题—打造高效的前端开发环境；
即可发布。
4.如何提问？
地点—QQ群；教学期间不要加老师的QQ；
提问前先尝试自己解决问题；
问得好很重要；问的问题跟教学进度相关；
急的话可以发到社区问答。
（二）开发环境
（1）谷歌
（2）VSCode
（3）phpEnv
3.HTTP
客户端和服务器
- 客户端到服务器的过程
- 客户端：就是浏览器；服务器：应用程序。如apache，Nginx。
- 电脑功能由软件决定；互为客户端或服务器
- HTTP是客户端-浏览器之间使用的协议；
请求和响应
一个请求一个响应；HTTP请求和HTTP响应
连接：三次握手
目的是确保双方收发正常。
断开：四次挥手
目的是确保双方完全断开
4.URL
（1）静态url
（2）动态
http://site.cn:80/index.php?p=3&key=admin
index.php :入口文件，应该由服务器路由到一个API（函数）去处理。
p=3 参数
1.协议：http://
2.域名/主机名： site.cn//
3.端口: ：80 类似于政务中心的窗口；人社局、教育局等。提供什么服务就提供什么端口。每个端口都有自己的功能。
4.入口文件/应用程序/用一个函数来处理：/index.php
5.路径信息：/user/add:PATH_INTO（可选的），用来做路由。
6.查询参数：?p=3&key=admin
7.锚点/hash 参数：#link
其他：做伪静态——去掉端口；参数路径化；自定义扩展名
MVC框架的原理（扩展的知识）。
5.MarkDown
（1）用途
1.写作业：技术博客
2.写文档：API 接口文档
（2）语法
1.文本：标题，段落，字体样式，代码，引用
2.其他：列表，表格，连接，图像，分隔符
（3）MD最终会转为HTML
1.标题
多行代码：md
2.分隔符：三个减号
3.段落：加空行就行了
4.字体样式
加粗
斜体
删除线
斜体加粗
5.引用：有一个背景色的标题
这是一个引用内容
二级引用
6.列表
（1）无序
- list1
- list2
（2）有序
- list1
- list2
7.代码
(1)单行：const num = 100
(2)多行：三个反引号
class User{private string $username = 'admin'}
8.表格
序号 | 姓名 | 性别 | 工资
| —- | —- | —- | —- |
|1 | 朱老师 | 男 | 12345
|2 | 欧阳老师 |男 | 78900
|3 | 灭绝老师 女 | 87654
9.链接
[php中文网]
10.图像
复盘
小结：软件；MD；HTTP协议；URL静态动态
1.安装好软件
2.掌握MD常用语法
3.知道http\url的常用知识
http：基于请求与响应机制，客户端与服务器之间数据交换的协议
url：请求的路由地址，掌握静态的。
第一次写文档，就先这样吧。
