前端学习笔记day47 web框架的本质

最新推荐文章于 2025-08-13 21:05:35 发布

转载最新推荐文章于 2025-08-13 21:05:35 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuanxuanlove/p/9995214.html

文章标签：

#前端 #javascript #ViewUI

本文从初学者角度介绍前端三剑客HTML、CSS、JavaScript的基本概念，探讨Web开发的本质，即浏览器与服务器间的交互过程，并通过Python Socket编程实现简易Web服务器，深入理解HTTP协议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 初识前端

html : 内容； css ：外观； javascript ：动态渲染；

html :标签； css :属性+选择器 javascript：BOM & DOM;

2. Web 开发的本质

1. 浏览器输入网址回车都发生了什么？

浏览器给服务器发送请求====> 服务器拿到消息======> 服务端把消息返回给浏览器=====> 浏览器展示界面

服务器和浏览器之间消息的格式是约定好的；

http协议浏览器和服务器之间约定好的消息格式；

3. 代码实现

import socket
sk=socket.socket()
sk.bind(("127.0.0.1",8000))
sk.listen()
while 1:
    conn,addr=sk.accept()
    conn.recv(1024)
    conn.send(b"HTTP/1.1 200 ok\r\n\r\n")
    conn.send(b"hello,xuanxuan!")
    conn.close()

test.txt文件中的内容：

运行结果：

其实我们也可以把内容写在文件中：

import socket
sk=socket.socket()
sk.bind(("127.0.0.1",8000))
sk.listen()
while 1:
    conn,addr=sk.accept()
    conn.recv(1024)
    conn.send(b"HTTP/1.1 200 ok\r\n\r\n")
    # conn.send(b"hello,xuanxuan!")
    with open("test.txt","rb") as f:
        msg=f.read()
    conn.send(msg)
    conn.close()