POST /xmweb?host=mail.itcast.cn&_t=1542884567319 HTTP/1.1\r\n
Host: mail.itcast.cn\r\n
Connection: keep-alive\r\n
Content-Type: application/x-www-form-urlencoded\r\n
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36\r\n
\r\n(请求头信息后面还有一个单独的’\r\n’不能省略)
username=hello&pass=hello
说明:
每项数据之间使用:\r\n
4.小结
1.HTTP响应报文分析
响应报文说明:
— 响应行/状态行 —
HTTP/1.1 200 OK # HTTP协议版本 状态码 状态描述
— 响应头 —
Server: Tengine # 服务器名称
Content-Type: text/html; charset=UTF-8 # 内容类型
Transfer-Encoding: chunked # 发送给客户端内容不确定内容长度,发送结束的标记是0\r\n, Content-Length表示服务端确定发送给客户端的内容大小,但是二者只能用其一。
Connection: keep-alive # 和客户端保持长连接
Date: Fri, 23 Nov 2018 02:01:05 GMT # 服务端的响应时间
— 空行 —
— 响应体 —
… # 响应给客户端的数据原始响应报文说明:
HTTP/1.1 200 OK\r\n
Server: Tengine\r\n
Content-Type: text/html; charset=UTF-8\r\n
Transfer-Encoding: chunked\r\n
Connection: keep-alive\r\n
Date: Fri, 23 Nov 2018 02:01:05 GMT\r\n
\r\n(响应头信息后面还有一个单独的’\r\n’不能省略)
…说明:
每项数据之间使用:\r\n
2.HTTP 状态码介绍
3.小结
1.静态Web服务器是什么?
2.如何搭建Python自带的静态Web服务器
3.访问搭建的静态Web服务器
4.查看浏览器和搭建的静态Web服务器的通信过程
5.小结
1.开发自己的静态Web服务器
2.静态Web服务器-返回固定页面数据的示例代码
import socket
if name == ‘main’:
创建tcp服务端套接字
tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
设置端口号复用, 程序退出端口立即释放
tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)
绑定端口号
tcp_server_socket.bind((“”, 9000))
设置监听
tcp_server_socket.listen(128)
while True:
等待接受客户端的连接请求
new_socket, ip_port = tcp_server_socket.accept()
代码执行到此,说明连接建立成功
recv_client_data = new_socket.recv(4096)
对二进制数据进行解码
recv_client_content = recv_client_data.decode(“utf-8”)
print(recv_client_content)
with open(“static/index.html”, “rb”) as file:
读取文件数据
file_data = file.read()
响应行
response_line = “HTTP/1.1 200 OK\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
关闭服务与客户端的套接字
new_socket.close()
3.小结
1.静态Web服务器的问题
2.静态Web服务器-返回指定页面数据的示例代码
import socket
def main():
创建tcp服务端套接字
tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
设置端口号复用, 程序退出端口立即释放
tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)
绑定端口号
tcp_server_socket.bind((“”, 9000))
设置监听
tcp_server_socket.listen(128)
while True:
等待接受客户端的连接请求
new_socket, ip_port = tcp_server_socket.accept()
代码执行到此,说明连接建立成功
recv_client_data = new_socket.recv(4096)
if len(recv_client_data) == 0:
print(“关闭浏览器了”)
new_socket.close()
return
对二进制数据进行解码
recv_client_content = recv_client_data.decode(“utf-8”)
print(recv_client_content)
根据指定字符串进行分割, 最大分割次数指定2
request_list = recv_client_content.split(" ", maxsplit=2)
获取请求资源路径
request_path = request_list[1]
print(request_path)
判断请求的是否是根目录,如果条件成立,指定首页数据返回
if request_path == “/”:
request_path = “/index.html”
try:
动态打开指定文件
with open(“static” + request_path, “rb”) as file:
读取文件数据
file_data = file.read()
except Exception as e:
请求资源不存在,返回404数据
响应行
response_line = “HTTP/1.1 404 Not Found\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
with open(“static/error.html”, “rb”) as file:
file_data = file.read()
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
else:
响应行
response_line = “HTTP/1.1 200 OK\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
finally:
关闭服务与客户端的套接字
new_socket.close()
if name == ‘main’:
main()
3.小结
1.静态Web服务器的问题
2.静态Web服务器-多任务版的示例代码
import socket
import threading
处理客户端的请求
def handle_client_request(new_socket):
代码执行到此,说明连接建立成功
recv_client_data = new_socket.recv(4096)
if len(recv_client_data) == 0:
print(“关闭浏览器了”)
new_socket.close()
return
对二进制数据进行解码
recv_client_content = recv_client_data.decode(“utf-8”)
print(recv_client_content)
根据指定字符串进行分割, 最大分割次数指定2
request_list = recv_client_content.split(" ", maxsplit=2)
获取请求资源路径
request_path = request_list[1]
print(request_path)
判断请求的是否是根目录,如果条件成立,指定首页数据返回
if request_path == “/”:
request_path = “/index.html”
try:
动态打开指定文件
with open(“static” + request_path, “rb”) as file:
读取文件数据
file_data = file.read()
except Exception as e:
请求资源不存在,返回404数据
响应行
response_line = “HTTP/1.1 404 Not Found\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
with open(“static/error.html”, “rb”) as file:
file_data = file.read()
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
else:
响应行
response_line = “HTTP/1.1 200 OK\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
finally:
关闭服务与客户端的套接字
new_socket.close()
程序入口函数
def main():
创建tcp服务端套接字
tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
设置端口号复用, 程序退出端口立即释放
tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)
绑定端口号
tcp_server_socket.bind((“”, 9000))
设置监听
tcp_server_socket.listen(128)
while True:
等待接受客户端的连接请求
new_socket, ip_port = tcp_server_socket.accept()
print(ip_port)
当客户端和服务器建立连接程,创建子线程
sub_thread = threading.Thread(target=handle_client_request, args=(new_socket,))
设置守护主线程
sub_thread.setDaemon(True)
启动子线程执行对应的任务
sub_thread.start()
if name == ‘main’:
main()
3.小结
1.以面向对象的方式开发静态Web服务器
2.静态Web服务器-面向对象开发的示例代码
import socket
import threading
定义web服务器类
class HttpWebServer(object):
def init(self):
创建tcp服务端套接字
tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
设置端口号复用, 程序退出端口立即释放
tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)
绑定端口号
tcp_server_socket.bind((“”, 9000))
设置监听
tcp_server_socket.listen(128)
保存创建成功的服务器套接字
self.tcp_server_socket = tcp_server_socket
处理客户端的请求
@staticmethod
def handle_client_request(new_socket):
代码执行到此,说明连接建立成功
recv_client_data = new_socket.recv(4096)
if len(recv_client_data) == 0:
print(“关闭浏览器了”)
new_socket.close()
return
对二进制数据进行解码
recv_client_content = recv_client_data.decode(“utf-8”)
print(recv_client_content)
根据指定字符串进行分割, 最大分割次数指定2
request_list = recv_client_content.split(" ", maxsplit=2)
获取请求资源路径
request_path = request_list[1]
print(request_path)
判断请求的是否是根目录,如果条件成立,指定首页数据返回
if request_path == “/”:
request_path = “/index.html”
try:
动态打开指定文件
with open(“static” + request_path, “rb”) as file:
读取文件数据
file_data = file.read()
except Exception as e:
请求资源不存在,返回404数据
响应行
response_line = “HTTP/1.1 404 Not Found\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
with open(“static/error.html”, “rb”) as file:
file_data = file.read()
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
else:
响应行
response_line = “HTTP/1.1 200 OK\r\n”
响应头
response_header = “Server: PWS1.0\r\n”
响应体
response_body = file_data
拼接响应报文
response_data = (response_line + response_header + “\r\n”).encode(“utf-8”) + response_body
发送数据
new_socket.send(response_data)
finally:
关闭服务与客户端的套接字
new_socket.close()
启动web服务器进行工作
def start(self):
while True:
等待接受客户端的连接请求
new_socket, ip_port = self.tcp_server_socket.accept()
当客户端和服务器建立连接程,创建子线程
这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」,内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中,共计111道
HTML
-
HTML5有哪些新特性?
-
Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义?
-
如何实现浏览器内多个标签页之间的通信?
-
⾏内元素有哪些?块级元素有哪些? 空(void)元素有那些?⾏内元 素和块级元素有什么区别?
-
简述⼀下src与href的区别?
-
cookies,sessionStorage,localStorage 的区别?
-
HTML5 的离线储存的使用和原理?
-
怎样处理 移动端 1px 被 渲染成 2px 问题?
-
iframe 的优缺点?
-
Canvas 和 SVG 图形的区别是什么?
JavaScript
-
问:0.1 + 0.2 === 0.3 嘛?为什么?
-
JS 数据类型
-
写代码:实现函数能够深度克隆基本类型
-
事件流
-
事件是如何实现的?
-
new 一个函数发生了什么
-
什么是作用域?
-
JS 隐式转换,显示转换
-
了解 this 嘛,bind,call,apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行,Event Loop
-
手写题:Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些?
-
PWA使用过吗?serviceWorker的使用原理是啥?
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别?箭头函数能当构造函数吗?
-
事件循环机制 (Event Loop)