1、什么是前端
任何与用户直接打交道的操作界面都可以称之为前端
比如:电脑界面 手机界面 平板界面
软件开发架构
cs 客户端 服务端
bs 浏览器 服务端
注：bs 本质架构也是cs
2、http协议
浏览器窗口输入网址：
1、浏览器向服务器发送请求
2、服务器接受请求
3、服务器返回相应的响应
4、浏览器接受响应，渲染页面给用户看
可以使用浏览器访问服务器，但是只有一个浏览器，浏览器与多个不同客户端怎么进行数据交互呢？
制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互，那么你就必须要遵循一些规则
http：超文本传输协议 用来规定服务端和浏览器之间的数据交互的格式
http协议的四大特性
1、基于请求响应
2、基于TCP/IP作用域应用层之上的协议
3、无状态，不保存用户的信息
cookie、session、token...可保存用户的信息
4、无/短连接
请求来一次，响应一次，之后就没有关系了
长链接:双方建立连接之后默认不断开 websocket
请求数据格式
请求首行(标识HTTP协议版本，当前请求方式)
\ r\ n
请求头(一大堆k,v键值对)
\ r\ n
请求体(并不是所有的请求方式都有get没有post有 存放的是post请求提交的敏感数据)
请求方式
1.get请求
朝服务端要数据
eg:输入网址获取对应的内容
2.post请求
朝服务端提交数据
eg:用户登陆 输入用户名和密码之后 提交到服务端后端做身份校验
响应数据的格式
响应首行(标识HTTP协议版本，响应状态码)
响应头(一大堆k,v键值对)
响应体(返回给浏览器展示给用户看的数据)
响应状态码
用一串简单的数字来表示一些复杂的状态或者描述性信息
404:请求资源不存在
1XX:服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据
2XX:服务端成功响应了你想要的数据(200 OK请求成功)
3XX:重定向(当你在访问一个需要登陆之后才能看的页面 你会发现会自动跳转到登陆页面)
4XX:请求错误
404:请求资源不存在
403:当前请求不合法或者不符合访问资源的条件
5XX:服务器内部错误(500)
URL：统一资源定位符，就是网址
3、html
html：超文本标记语言
浏览器渲染页面。就必须遵循HTML语法
在浏览器看到的页面，内部其实都是HTML代码(所有的网站内部都是HTML代码)
4、html注释：
<!--单行注释-->
<!--
多行注释
多行注释
-->
因为html代码非常多，所有注释是有必要的
5、html的文档结构
<！DOCTYPE html>
<head>
<!--head内的标签不是给用户看的，是给浏览器看的-->
<body>
<!--body内的标签是给是给浏览器渲染的，给用户看的-->
</body>
</head>
</html>
打开文件的方式
1、找到文件所在的位置右键选择浏览器打开
2、在pycharm内部，集成了自动调用浏览器的功能，直接点击即可(前提是电脑上安装了对应的浏览器) 直接全部使用谷歌浏览器
浙公网安备 33010602011771号