当前位置：首页 > news >正文

web基础与http协议与配置

news 2025/11/13 6:45:53

一、web基础

1.1 DNS与域名（详解看前面章节）

1.2 网页的概念（HTTP/HTTPS）

1.2.1 基本概念

1.2.2 HTML文档结构(了解)

1.2.3 web相关重点

1.2.4 静态资源和动态资源

二、http协议

2.1 概述

2.2 cookie和session（*）

2.3 HTTP协议的版本

2.4 HTTP状态码*

2.5 HTTP协议请求流程

一、web基础

1.1 DNS与域名（详解看前面章节）

1.2 网页的概念（HTTP/HTTPS）

1.2.1 基本概念

① 网页纯文本格式文件编写语言为HTML 在用户的浏览器中被“翻译”成网页形式显示出来

② 网站由一个一个页面构成的，是多个网页的结合体主页打开网站后出现的第一个网页称为网站主页（或首页）

③ 域名浏览网页时输入的网址

④ HTTP/HTTPS 用来传输网页的通信协议（是否加密），是一种通讯/交互的标准/规范

⑤ URL 是一种万维网寻址系统

扩展：

URI： Uniform Resource Identifier 统一资源标识，分为URL 和 URN

URN：Uniform Resource Naming，统一资源命名这个资源叫什么具体的名字

示例：

P2P下载使用的磁力链接是URN的一种实现

magnet:?xt=urn:btih:660557A6890EF888666（只是描述了资源的名字，并没有明确该资源在哪里） mac地址全球唯一

URL：Uniform Resorce Locator，统一资源定位符，用于描述某服务器某特定资源位置资源的具体位置

⑥ HTML 用来编写网页的超文本标记语言

⑦ 超链接超链接是将网站中不同网页链接起来的功能

⑧ 发布将制作好的网页上传到服务器供用户访问的过程

1.2.2 HTML文档结构(了解)

概述：

HTML（全称为Hypertext Markup Language）是一种标记语言，用于创建和组织Web页面的结构和内容。

HTML是构建Web页面的基础，定义了页面的结构和内容，通过标记和元素来实现

HTML网页

头部部分
标题部分
主体部分
网页内容，包括文本、图像等

示例：

<html>

<head>

<title>love</title>

</head>

<body>

I love you

</body>

</html>

1.2.3 web相关重点

Web1.0

以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容这个过程是网站到用户的单向行为 Web1.0以静态单向阅读为主

Web2.0

更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者加强了网站与用户之间的互动（动态），网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与 Web2.0特征用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户

1.2.4 静态资源和动态资源

静态资源和动态资源是两种常见的网络资源类型。

静态资源和动态资源的区别在于内容是否固定不变。

静态资源

静态资源指的是在服务器上保存的文件，其内容在请求和传输过程中不发生变化。

静态资源可以是图片、CSS样式表、JavaScript文件、HTML文件等。

静态资源的请求一般是通过URL直接访问,当客户端发送请求时，服务器直接将这些文件返回给客户端，不进行任何处理

动态资源
动态资源则是在服务器端通过执行脚本或程序生成的内容,需要占用服务器的资源。

服务器会根据请求中的参数和数据，执行相应的脚本或程序来生成动态内容，然后将生成的内容返回给客户端。

动态资源可以是动态网页、API接口等

二、http协议

2.1 概述

HTTP（超文本传输协议HyperText Transfer Protocol）协议是互联网上应用最为广泛的一种网络协议，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则
HTTP/HTTPS是应用层上的协议，建立在传输层TCP之上，客户端通过与服务端进行TCP连接(三次握手)，之后发送HTTP请求与接收HTTP响应都是通过访问Socket接口来调用TCP协议实现
HTTP 是一种无状态 (stateless) 协议, HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理（存储，保存）。这样做的目的是为了保持HTTP协议的简单性，从而能够快速处理大量的事务, 提高效率

2.2 cookie和session（*）

cookie(简单理解：缓存)

Cookie基于HTTP协议，也叫Web Cookie或浏览器Cookie，是服务器发送到用户浏览器并保存在客户端本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie使基于无状态的HTTP 协议记录稳定的状态信息成为了可能

请求过程：

① 第一次请求过程浏览器第一次发送请求时,不会携带任何cookie信息服务器接收到请求之后，发现请求中没有任何cookie信息服务器生成和设置一个cookie.并将此cookie设置通过set_cookie的首部字段保存在响应报文中返回给浏览器浏览器接收到这个响应报文之后,发现里面有cookie信息,浏览器会将cookie信息保存起来
② 第二次及其之后的过程当浏览器第二次及其之后的请求报文中自动 cookie的首部字段携带第一次响应报文中获取的cookie信息服务器再次接收到请求之后,会发现请求中携带的cookie信息,这样的话就认识是谁发的请求了之后的响应报文中不会再添加set_cookie首部字段

Cookie的主要应用场景：

会话状态管理（如用户登录状态、购物车、游戏分数或其它需要记录的信息）
个性化设置（如用户自定义设置、主题等）
浏览器行为跟踪（如跟踪分析用户行为等）

总结：

Cookie 技术通过在请求和响应报文中写入 Cookie 信息来控制客户端的状态。当服务器收到HTTP请求时，服务器可以在响应头里面添加一个Set-Cookie选项。浏览器收到响应后通常会保存下Cookie，之后对该服务器每一次请求中都通过Cookie请求头部将Cookie信息发送给服务器。服务器端发现客户端发送过来的 Cookie 后，会去检查究竟是从哪一个客户端发来的连接请求，然后对比服务器上的记录，最后得到之前的状态信息.另外，Cookie的过期时间、域、路径、有效期、适用站点都可以根据需要来指定。

session(简单理解：缓存)

cookie和session区别****

不同点：

cookie通常是在服务器生成,但也可以在客户端生成 session是在服务器端生成的
session 将数据信息保存在服务器端，可以是内存，文件，数据库等多种形式,cookie 将数据保存在客户端的内存或文件中
单个cookie保存的数据不能超过4K，每个站点cookie个数有限制，比如IE8为50个、Firefox为50 个、Opera为30个；session存储在服务器，没有容量限制
cookie存放在用户本地，可以被轻松访问和修改，安全性不高；session存储于服务器，比较安全 cookie有会话cookie和持久*cookie，生命周期为浏览器会话期的会话cookie保存在缓存，关闭浏览器窗口就消失，持久cookie被保存在硬盘，知道超过设定的过期时间；随着服务端session存储压力增大，会根据需要定期清理session数据
session中有众多数据，只将sessionID这一项可以通过cookie发送至客户端进行保留，客户端下次访问时，在请求报文中的cookie会自动携带sessionID，从而和服务器上的的session进行关联

cookie缺点：

使用cookie来传递信息，随着cookie个数的增多和访问量的增加，它占用的网络带宽也很大，试想假如cookie占用200字节，如果一天的PV有几个亿，那么它要占用多少带宽？
cookie并不安全，因为cookie是存放在客户端的，所以这些cookie可以被访问到，设置可以通过插件添加、修改cookie。所以从这个角度来说，我们要使用sesssion，session是将数据保存在服务端的，只是通过cookie传递一个sessionId而已，所以session更适合存储用户隐私和重要的数据

session 缺点：

不容易在多台服务器之间共享，可以使用session绑定，session复制，session共享解决
session存放在服务器中，所以session如果太多会非常消耗服务器的性能cookie和session各有优缺点，在大型互联网系统中，单独使用cookie和session都是不可行的 cookie和session都为了实现的是http的短期的持久化(内存/缓存方式，查询快、效率比较高)cookie 是缓存在用户端（client)浏览器中的（默认缓存一天），当下次客户端通过同一个浏览器访问客户端的时候，会优先读取cookie中的缓存信息，向服务端进行请求，同时服务端收到客户端请求的时候，读取到cookie文件，知道客户端之前找的是服务器A处理的任务，为了省事儿，省资源，干脆直接讲请求直接再交给服务器A处理

两者对比总结：

cookie 省服务器性能

session 更安全

为后面服务、集群、功能优化做铺垫
具体解释了怎么解决HTTP无状态协议的持久化/存储

2.3 HTTP协议的版本

HTTP/0.9: 已过时。只接受GET一种请求方法，没有在通讯中指定版本号，且不支持请求头。由于该版本不支持POST方法，所以客户端无法向服务器传递太多信息
HTTP/1.0: 这是第一个在通讯中指定版本号的HTTP协议版本，至今仍被广泛采用，特别是在代理服务器中。 PV(访问量)：即Page View, 页面浏览量或点击量，用户每次刷新即被计算一次，PV反映的是浏览某网站的页面数，PV与来访者的数量成正比，PV并不是页面的来访者数量，而是网站被访问的页面数量
HTTP/1.1: 引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用，能很好地配合代理服务器工作。还支持管道方式机制，即在同--个TCP连接里面，客户端可以同时发送多个请求，以便降低线路负载，提高传输速度
HTTP/2.0:完全多路复用，在一个连接里，客户端和浏览器都可以同时发送多个请求或回应，而且不用按照顺序.对应。引入了头信息压缩机制，使用gzip或compress压缩后再发送。支持服务端推送，允许服务器未经请求，主动向客户端发送资源

扩展面试

HTTP1.0和HTTP1.l之间的区别HTTP1.0和HTTP1.1是两种不同版本的HTTP协议，它们之间有以下区别：

1. 持久连接： HTTP1.0中每次请求都需要在请求头中加上connection: keep-alive来指示服务器不断开连接。而 HTTP1.1中默认为持久连接，不需要再加上这个头。

2. 分块传输编码： HTTP1.1中支持分块传输编码（chunked transfer encoding），可以将数据分成多个块传输，避免了等待整个响应全部到达之后才开始渲染页面的问题。

3. 缓存处理： HTTP1.1中使用更多的缓存策略，有强缓存和协商缓存两种。HTTP1.0只有强缓存。

4. 虚拟主机： HTTP1.1支持虚拟主机，可以在同一IP地址下使用多个域名。HTTP1.0不支持虚拟主机。

5. 状态码： HTTP1.1将状态码增加到了101、201、202、203、204、205、206和307等状态。

6. 传输编码： HTTP1.1中新增了一种传输编码：gzip。可以使用gzip来压缩传输内容，减少传输数据量，提高传输速度。

总结：HTTP1.1相对于HTTP1.0来说是更加高效、灵活、安全的，但对于一些老旧的浏览器或服务器， HTTP1.0仍然是必要的。

2.4 HTTP状态码*

简介：

当使用浏览器访问某一个URL，会根据处理情况返回相应的处理状态

通常正常的状态码为2xx，3xx（如200）

如果出现异常会返回4xx，5xx（如404）

状态码首位	已定义范围	分类
1xx	100-101	信息提示
2xx	200-206	请求成功
3xx	300-305	重定向
4xx	400-415	客户端错误
5xx	500-505	服务端错误

生产环境常见的HTTP状态码
消息	描述
200	请求成功（其后是对GET和POST请求的应答文档）
301	请求的永久页面跳转
403	禁止访问该页面
404	服务器无法找到被请求的页面
500	内部服务器错误
502	无效网关
503	当前服务不可用
504	网关请求超时

2.5 HTTP协议请求流程

1、通过DNS域名解析到IP
解析顺序

浏览器搜索自己的DNS缓存
如果浏览器自身缓存里找不到，就会去搜索操作系统自身域名
以上两个都无，则尝试从操作系统的hosts文件里面找
上面三个过程都没有获取到的话，就递归的去域名服务器

2、通过IP使用ARP地址解析协议，找到对应的服务器

3、找到服务器后，发起TCP三次握手建立连接

4、建立TCP请求后，发起HTTP请求

5、服务器响应HTTP请求，返回RESPONSE

6、浏览器解析response，并请求其它的资源文件(js、css等)

7、浏览器进行渲染界面

8、四次挥手，断开tcp连接

web基础与http协议与配置

目录一、web基础 1.1 DNS与域名（详解看前面章节） 1.2 网页的概念（HTTP/HTTPS） 1.2.1 基本概念 1.2.2 HTML文档结构(了解) 1.2.3 web相关重点 1.2.4 静态资源和动态资源二、http协议 2.1 概述 2.2 cookie和session&…...

编程日记 2024/8/9 20:11:36

机械学习—零基础学习日志（python编程2）

零基础为了学人工智能，正在艰苦的学习这里把，函数以及类相关的知识做一个笔记，放在这里。期待与大家交流~ 变量作用域 Python 中，程序的变量并不是在哪个位置都可以访问的，访问权限决定于这个变量是在哪里赋值的…...

编程日记 2024/8/9 20:10:34

element-plus的表单输入框有清除按钮的，文字输入前后宽度不一致怎么解决

输入内容之后多了一个可清除的图标，输入框的宽度也被撑开了根据输入前后的dom对比发现，多了一个图标的span标签 :deep(.el-input__wrapper) {position: relative;.el-input__inner {padding-right: 18px;}.el-input__suffix {position: absolute;right:…...

编程日记 2024/8/9 20:09:33

解决Docker拉取镜像时 i/o timeout错误

目录一，设置Docker镜像源（推荐） 1.1 解决方案1：配置加速地址 1.2 解决方案2：使用代理拉取镜像 1.3 解决方案3：备用办法：直接传送镜像二，目前可用的镜像源一，设置…...

编程日记 2024/8/9 20:08:31

面壁的智能开源 MiniCPM-V 2.6 边缘人工智能多模态功能与 GPT-4V 不相上下

"MiniCPM-V2.6 "是一个边缘多模态人工智能模型，仅拥有 80 亿个参数，却在单图像、多图像和视频理解任务中取得了低于 200 亿个参数的三项 SOTA（艺术境界）成绩，显著增强了边缘多模态能力，并与 GPT-…...

编程日记 2024/8/9 20:07:30

dhcp+checkkickstar的实验理解

文章目录实验介绍使用的服务介绍PXE服务dhcp服务Kickstart 服务tftp服务第一部分（基础部分）代码展示注意点第一点![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/13c0f4aabb664655a4dd285dd8e5527a.png)第二点结果展示第二部分&#xff08…...

编程日记 2024/8/9 20:06:29

Android网络安全：如何防止中间人攻击

文章目录引言一、中间人攻击概述二、预防中间人攻击的方法2.1 使用HTTPS2.2 证书锁定（Certificate Pinning）2.3 使用SSL/TLS最佳实践2.4 验证主机名三、总结引言中间人攻击（Man-in-the-Middle，简称MITM）是一种常见…...

编程日记 2024/8/9 20:04:26

NOI Linux 2.0 的安装说明以及使用指南

关于 NOI Linux 2.0 NOI Linux 是 NOI 竞赛委员会基于 Ubuntu 操作系统开发的一款 Linux 桌面发行版，是一套免费的、专门为信息学奥林匹克竞赛选手设计的操作系统，是 NOI 系列赛事指定操作系统，适用于常见笔记本电脑和桌面电脑。新建虚拟机…...

编程日记 2024/8/9 20:03:25

07、MySQL-多表查询

目录 1、内连接 1.1 隐式内连接 1.2 显式内连接 2、外连接 2.1 左外连接 2.2 右外连接 3、自连接 4、联合查询 5、子查询 5.1 标量子查询 5.2 列子查询 5.3 行子查询 5.4 表子查询 1、内连接概念：相当于查询A、B表交集的部分数据 1.1 隐式内连接语法&…...

编程日记 2024/8/9 20:02:24

20240809 每日AI必读资讯

乒乓球AI机器人赢了人类！正反手灵活转换，擦网球高球都能接 - 谷歌发布首个达到人类竞技水平的机器人Agent，挑战乒乓球赛场。 - 机器人通过学习大量乒乓球状态数据，掌握了正手上旋球、反手瞄准等技能，展现出高速运动…...

编程日记 2024/8/9 20:01:23

《投资的原理》阅读笔记一

这是我准备集中学习投资类书籍后阅读的第8本书，但是是第一本读到一半决定从新开始、每章都写笔记的第一本书。《投资的原理》的作者陈嘉禾先生是一位资深的价值投资者，书中也是大力弘扬着价值投资，跟我倾向于量化投资方向的想法并不合拍&am…...

编程日记 2024/8/9 20:00:21

金九银十，全网最详细的软件测试面试题总结

前面看到了一些面试题，总感觉会用得到，但是看一遍又记不住，所以我把面试题都整合在一起，都是来自各路大佬的分享，为了方便以后自己需要的时候刷一刷，不用再到处找题，今天把自己整理的这些面试题…...

编程日记 2024/8/9 19:59:19

ActiveMQ任意文件写入漏洞（CVE-2016-3088）复现

一.环境配置腾讯云的ubuntu操作系统，已经安装有docker 和 vulhub 直接来到启动环境docker-compose，要在root权限下运行。 docker-compose up -d 若出现等待时间过长的情况，请参考这篇文章http://t.csdnimg.cn/SYhbE 访问http://公网ip:8…...

编程日记 2024/8/9 19:58:18

网络协议四物理层，数据链路层

从这一节开始学习五层模型。学习方法是从最底层物理层开始学习七层模型五层模型各个层用的协议，以及加上协议后的称谓各个层的作用应用层：可以认为是原始数据，该数据称为报文，用户数据。运输层：也叫传输层&am…...

编程日记 2024/8/9 19:57:16

Python知识点：如何使用Twisted进行异步网络编程

Twisted是一个事件驱动的网络编程框架，支持异步编程，适用于处理大量并发网络连接的应用。使用Twisted进行异步网络编程可以分为以下几个步骤： 安装Twisted： 首先需要安装Twisted库，可以使用pip进行安装： pi…...

编程日记 2024/8/9 19:56:15

循环神经网络

一、RNN神经网络基本网络结构 RNN神经网络数学模型 RNN反向传播二、LSTM神经网络 LSTM的遗忘门对数据进行筛选，有的抛弃，有的保留 LSTM的输入门 LSTM输出门 LSTM缓解RNN梯度消失问题...

编程日记 2024/8/9 19:54:11

SQL进阶技巧：有序数据合并问题之如何按照指定的规则对数据进行合并？【详解collect_list函数有序性保证】

目录 0 问题描述【小红书面试题】 1 数据准备 2 问题分析 3 小结 0 问题描述【小红书】有如下需求，需要将左边的表变换成右边的表，注意字段内容的顺序及对应内容的一致性。第一个字段为name,第二个字段为subject，第三个字段为score，变换后要求subject按照语文、数学…...

编程日记 2024/8/9 19:52:09

windows和office微软官方免费激活教程

微软提供了windows系统和office的官方免费激活，其实不用去买什么激活码，官方提供了激活方式，完全免费。目前测试没发现什么问题，windows还支持永久激活，比一些乱七八糟的kms激活工具还省心。 github地址：Gi…...

编程日记 2024/8/9 19:49:04

【C++ 面试 - 基础题】每日 3 题（七）

✍个人博客：Pandaconda-CSDN博客 📣专栏地址：http://t.csdnimg.cn/fYaBd 📚专栏简介：在这个专栏中，我将会分享 C 面试中常见的面试题给大家~ ❤️如果有收获的话，欢迎点赞👍收藏&…...

编程日记 2024/8/9 19:48:03

Java面试题精选：消息队列(一)

1、为什么使用消息队列问题用意： 其实就是想问一下消息队列有哪些使用场景，你项目中什么业务场景用到了消息队列，有什么技术挑战。使用MQ后给你带来了什么好处规范回答： 消息队列的常见使用场景很多，但比较核心的…...

编程日记 2024/8/9 19:47:02

Java 语言特性(面试系列1)

一、面向对象编程 1. 封装（Encapsulation） 定义：将数据（属性）和操作数据的方法绑定在一起，通过访问控制符（private、protected、public）隐藏内部实现细节。示例： public …...

编程新知 2025/10/6 4:03:40

1.3 VSCode安装与环境配置

进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

编程新知 2025/11/8 4:55:33

Swagger和OpenApi的前世今生

Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章，二者共同塑造了现代RESTful API的开发范式。本期就扒一扒其技术演进的关键节点与核心逻辑： 🔄 一、起源与初创期：Swagger的诞生（2010-2014） 核心…...

编程新知 2025/8/22 13:56:38

基于TurtleBot3在Gazebo地图实现机器人远程控制

1. TurtleBot3环境配置 # 下载TurtleBot3核心包 mkdir -p ~/catkin_ws/src cd ~/catkin_ws/src git clone -b noetic-devel https://github.com/ROBOTIS-GIT/turtlebot3.git git clone -b noetic https://github.com/ROBOTIS-GIT/turtlebot3_msgs.git git clone -b noetic-dev…...

编程新知 2025/11/12 11:29:59

关于uniapp展示PDF的解决方案

在 UniApp 的 H5 环境中使用 pdf-vue3 组件可以实现完整的 PDF 预览功能。以下是详细实现步骤和注意事项： 一、安装依赖安装 pdf-vue3 和 PDF.js 核心库： npm install pdf-vue3 pdfjs-dist二、基本使用示例 <template><view class"con…...

编程新知 2025/9/18 20:16:52