前端计算机网络面试基础知识

http和https区别

http

  1. 超文本传输协议,运行在tcp协议上,指定了客户端和服务器的通信规则
  2. 特点
  • 支持C/S模式
  • 无连接、无状态,只需要发送路径和请求方法,快速
  • 灵活,允许传输任意类型对象
  1. URL构成

    http://[主机/ip][端口]/文件位置

  2. 请求:包含请求行、消息报头、请求正文

  • 请求行:以方法符号开头,空格分割,跟着URL和协议版本
    METHOD REQUEST URL Version
  • 消息报头:包含附加信息和客户信息
  1. 响应:包含状态行、消息报头、响应正文
  • 状态行:http版本、状态码、状态描述
    1** 请求已接收,处理中
    2** 成功
    3** 重定向
    4** 客户端错误
    5** 服务器错误
    常见状态码:
    • 200 OK
    • 400 错误请求
    • 401 未授权
    • 404 未找到
    • 500 服务器内部错误

https

加密版本的http

  1. ssl加密:在tcp/ip协议上加层加密,使用公钥加密,私钥解密,加密传输
  2. tsl加密:防止邮件、网页、消息 被篡改和窃听
  3. 特点:数据保密,数据完整性,身份校验安全性

区别

  1. 加密特征:https采用ssl和tls
  2. 证书认证:服务器向浏览器发送证书,包含公钥和授权信息
  3. 端口号:http默认80,https默认443

三次握手

http建立链接时的运行过程

  1. 客户端发送带syn的报文到服务器,随机产生seq序列号,要求建立连接

    syn:识别号

  2. 服务器端接收客户请求,返回客户报文,带syn和校验码ack=seq+1,再生成个seq序列号

  3. 客户端发送ack报文,确认服务器的报文,客户端校验成功之后

    发送请求到服务器,服务器确认消息,连接成功

四次挥手

理解服务器端和客户端是如何断开连接的

  1. 客户到服务器端发送fin报文,要求关闭连接
  2. 服务器端收到fin报文,返回fin
  3. 服务器端返回+ack报文,确认客户端的报文,并关闭连接
  4. 客户端向服务器端发送ack校验码,断开连接

为什么连接用三次,关闭用四次

服务器接收浏览器syn报文,发送syn+ack报文到客户端,再加上确认,需要三次

四次挥手能够确保数据完整性,服务器收到浏览器fin报文时,表示没有数据传输,但是可能还有数据正在传输中,所以服务器不会马上关闭,直到全部数据发送完毕

http工作原理

  1. 请求

    浏览器输入网址后,向浏览器发送http请求,包含请求行、消息报头、请求正文

  2. 响应

    包含状态行、消息报头、响应正文

  3. 状态码

    详见上面的描述

  4. 原理

    客户端向服务器端发送请求,服务器端接收请求,根据url和程序处理,生成服务器内容给客户端,客户端接收消息后自行处理数据

强缓存和协商缓存

缓存:浏览器在本地磁盘中对访问过的资源进行存储

特点:减少重复请求、降低服务器压力、加快打开速度

强制缓存

  1. 直接缓存资源到浏览器内置的缓存位置,包括静态资源 img css js,重复请求就无需访问服务器
  2. 服务器响应头部存在expires(过期时间) 或 catch-control(缓存机制)就强制缓存

协商缓存

  1. 服务器决定哪些资源需要缓存
  2. 响应头部存在Etag(16禁止标志位) 和 Last-Modified(最后修改时间)标志位就协商缓存

区别

  1. 强制缓存-静态资源,协商缓存-程序数据
  2. 强制缓存,不需要服务器许可,如果过期就重新存储
  3. 协商缓存,需要服务器许可
相关推荐
人道领域4 分钟前
【LeetCode刷题日记】225.用队列实现栈--三招实现栈操作(多种思维)
java·开发语言·算法·leetcode·面试
yqcoder5 分钟前
[特殊字符] Vue 3 组件通信全指南:从基础到进阶
前端·javascript·vue.js
锅挤5 分钟前
计算机网络复习(第三章):数据链路层
网络·网络协议·计算机网络
爱上好庆祝8 分钟前
学习js第一天(出发新世界)
开发语言·前端·javascript·css·学习·html·ecmascript
木斯佳10 分钟前
前端八股文面经大全:秦丝科技前端(2026-04-24)·笔试深度解析
前端·笔试
喜欢吃鱿鱼12 分钟前
VUE项目 弹窗改为页面供其他项目嵌入iframe - 截取地址栏URL中的参数
前端·javascript·vue.js
无心使然云中漫步13 分钟前
Openlayers调用ArcGis地图服务之二 —— 动态地图(/export)
前端·arcgis·vue·数据可视化
Chengbei1116 分钟前
全新开源 Burp AI 扫描插件、支持 17 类 Web检测,自带 WAF 绕过,一键自动化挖掘并智能验证
前端·人工智能·自动化
爱宇阳21 分钟前
HTML头部元信息避坑指南
前端·html
ZC跨境爬虫28 分钟前
UI前端美化技能提升日志day6:(使用苹果字体+计算样式对比差异)
前端·javascript·css·ui·状态模式