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

安全基础-互联网技术基础

互联网技术基础

概述:计算机网络、网络协议、HTTP协议、前端与后端技术、Web服务器、数据库以及浏览器等`


目录

  • 互联网技术基础
  • 前言
  • 一、计算机网络定义
  • 二、网络协议和协议分层
    • 1.OSI七层模型
    • 2.TCP/IP四层模型
  • 三、HTTP协议
    • 1、HTTP协议的特点
    • 2、HTTP请求
    • 3、HTTP响应
    • 4、HTTP协议的版本
  • 四、前端和后端
    • 1、前端(Frontend)
    • 2、后端(Backend)
    • 3、总结
  • 五、Web服务器
    • 1、Web服务器的主要功能
    • 2、常见的Web服务器软件
    • 3、Web服务器的工作流程
  • 六、数据库
    • 1、数据库的作用
    • 2、数据库的类型
  • 七、浏览器
    • 1、浏览器的作用
    • 2、浏览器的工作原理
    • 3、常见的浏览器
  • 八、URL
    • 1、URL的组成
    • 2、URL的作用
  • 九、浏览器框架
    • 1、早期浏览器时代(1990s - 2000s)
    • 2、多进程架构的引入(2000s - 2010s)
    • 3、服务化架构的发展(2010s - 至今)
    • 4、现代浏览器的多样化发展
    • 5、未来发展趋势
  • 十、总结


前言

本章节计算机网络、网络协议、HTTP协议、前端与后端技术、Web服务器、数据库以及浏览器等多个方面,理解网站是如何运行的,并从全局视角掌握相关技术。


一、计算机网络定义

计算机网络是指将地理位置分散的多台计算机设备通过通信线路和网络设备连接起来,实现资源共享、信息传递和通信的一种系统。它使得不同计算机之间可以进行数据交换和通信,从而提高工作效率、降低成本和促进信息共享。
计算机网络的基本组成包括:

  • 网络硬件:包括计算机、网络适配器(网卡)、集线器、交换机、路由器、中继器等网络设备,以及传输介质(如双绞线、同轴电缆、光纤等)。
  • 网络软件:包括网络操作系统、网络通信协议、网络应用软件等。网络操作系统负责管理网络资源和提供网络服务,如Windows Server、Linux等;网络通信协议规定了数据传输的规则和格式,如TCP/IP协议;网络应用软件则是在网络上运行的各种应用程序,如电子邮件、网页浏览器、文件传输程序等。
  • 通信线路:是连接网络设备和计算机的物理介质,负责数据的传输。常见的通信线路有双绞线、同轴电缆、光纤等,它们各有特点,如双绞线成本低、安装方便,但传输距离较短;光纤传输距离远、带宽大,但成本较高。

计算机网络按其覆盖范围可分为局域网(LAN)、城域网(MAN)和广域网(WAN)等类型。局域网通常覆盖一个办公室或建筑内的计算机设备,城域网覆盖一个城市范围内的计算机设备,而广域网则可以覆盖一个国家甚至全球的计算机设备,如互联网就是一种广域网。

计算机网络的应用非常广泛,包括但不限于以下方面:

  • 数据通信:如电子邮件、即时通讯、网络电话等,使人们能够快速、方便地进行信息交流。
  • 资源共享:如文件共享、打印共享、数据库共享等,提高了资源的利用率,减少了重复投资。
  • 远程教育:通过网络课程、在线讲座等方式,使人们能够跨越地域限制接受教育。
  • 电子商务:通过网络进行商品交易、支付结算等,极大地促进了商业的发展和经济的繁荣。
  • 网络娱乐:如在线游戏、网络视频、音乐下载等,丰富了人们的文化生活。

二、网络协议和协议分层

网络协议是计算机网络中通信双方共同遵守的规则和约定,它规定了数据的格式、传输方式、传输速率、传输步骤等,以确保数据能够正确地在网络中传输和交换。网络协议是实现网络通信的基础,它定义了网络中不同设备和应用程序之间如何进行通信和协作。

应用分层是将复杂的网络通信过程分解为若干个层次,每个层次负责不同的功能,从而简化网络设计和实现。这种分层结构使得网络协议的开发和维护更加模块化和灵活。常见的网络协议分层模型有OSI七层模型和TCP/IP四层模型。

1.OSI七层模型

OSI(Open Systems Interconnection)七层模型是一个理论上的网络通信模型,由国际标准化组织(ISO)提出。它将网络通信过程分为七个层次。

  1. 物理层(Physical Layer):
    • 负责在物理媒介上实现原始比特流的传输。它定义了物理连接的电气、机械、过程和功能特性,如电缆、连接器、电压等级等。
    • 常见的物理层协议有RS-232、V.35等。
  2. 数据链路层(Data Link Layer):
    • 负责在相邻节点之间建立数据链路连接,将物理层传输的原始比特流组织成帧,并进行帧同步、差错控制和流量控制等。
    • 常见的数据链路层协议有以太网(Ethernet)、点对点协议(PPP)等。
  3. 网络层(Network Layer):
    • 负责将数据从源节点传输到目的节点,主要解决数据包的寻址和路由问题。它定义了网络地址、路由选择算法和拥塞控制等。
    • 常见的网络层协议有IP协议(Internet Protocol)等。
  4. 传输层(Transport Layer):
    • 负责为应用层提供端到端的通信服务,确保数据的可靠传输。它定义了数据传输的格式、顺序和完整性,以及错误检测和重传机制等。
    • 常见的传输层协议有TCP(传输控制协议)和UDP(用户数据报协议)等。
  5. 会话层(Session Layer):
    • 负责建立、管理和终止应用程序之间的会话连接。它提供会话的同步和恢复功能,确保会话的连续性和一致性。
    • 会话层的功能在实际应用中通常由应用层协议实现,如SSL/TLS会话管理等。
  6. 表示层(Presentation Layer):
    • 负责数据的表示、安全和压缩等。它将数据转换为适合网络传输的格式,如数据加密、解密、编码、解码等。
    • 常见的表示层协议有ASCII、MPEG、JPEG等。
  7. 应用层(Application Layer):
    • 负责提供各种网络应用服务,如文件传输、电子邮件、远程登录、网络浏览等。它定义了应用程序如何使用下层网络服务来实现其功能。
    • 常见的应用层协议有HTTP(超文本传输协议)、FTP(文件传输协议)、SMTP(简单邮件传输协议)等。

2.TCP/IP四层模型

TCP/IP四层模型是实际应用中更常见的网络协议模型,它简化了OSI七层模型,将功能相近的层次合并,分为以下四个层次:

  1. 链路层(Link Layer):
    • 对应OSI模型的物理层和数据链路层。负责在物理媒介上实现数据的传输和链路管理,包括帧的封装、传输和解封装等。
    • 常见的链路层协议有以太网(Ethernet)、PPP等。
  2. 网络层(Internet Layer):
    • 对应OSI模型的网络层。负责数据包的寻址和路由,将数据从源节点传输到目的节点。
    • 常见的网络层协议有IP协议等。
  3. 传输层(Transport Layer):
    • 对应OSI模型的传输层。负责提供端到端的通信服务,确保数据的可靠传输。
    • 常见的传输层协议有TCP和UDP等。
  4. 应用层(Application Layer):
    • 对应OSI模型的会话层、表示层和应用层。负责提供各种网络应用服务,实现应用程序之间的通信和协作。
    • 常见的应用层协议有HTTP、FTP、SMTP等。

在实际的网络通信中,数据从发送方的应用层开始,逐层向下封装,经过链路层发送到网络上;在接收方,数据逐层向上解封装,最终到达应用层。每一层都只与相邻的上下层进行交互,通过接口和协议实现数据的传输和处理。这种分层结构使得网络协议的设计和实现更加清晰和高效。

三、HTTP协议

HTTP(超文本传输协议,Hypertext Transfer Protocol)是一种用于传输超文本的协议,是互联网上应用最为广泛的协议之一。HTTP协议定义了客户端(如浏览器)与服务器之间如何进行通信和交换数据。它是一种无状态的、面向请求/响应的协议,主要用于从服务器传输超文本到本地浏览器。

1、HTTP协议的特点

  • 无状态性:HTTP协议是无状态的,这意味着服务器不会保存客户端请求的任何状态信息。每次请求都是独立的,服务器不会记住之前的请求。不过,可以通过使用Cookie等技术来模拟状态。
  • 请求/响应模式:HTTP通信基于请求和响应模式。客户端发送一个HTTP请求到服务器,服务器处理请求后返回一个HTTP响应给客户端。
  • 简单灵活:HTTP协议简单易用,客户端和服务器之间通过简单的文本格式进行通信,易于理解和实现。
  • 支持多种数据类型:HTTP协议支持多种数据类型,包括文本、图片、视频、音频等,通过设置不同的Content-Type头部字段来指定数据类型。
  • 可扩展性:HTTP协议具有良好的扩展性,可以通过自定义头部字段和状态码来满足不同的需求。

2、HTTP请求

HTTP请求由请求行、请求头部和请求体组成。

  • 请求行:包括请求方法、请求URI(统一资源标识符)和HTTP版本。常见的请求方法有:
    • GET:请求获取指定资源的信息,是最常用的请求方法。
    • POST:请求服务器接收客户端发送的数据,通常用于提交表单数据或上传文件。
    • PUT:请求服务器保存客户端发送的数据,通常用于更新资源。
    • DELETE:请求服务器删除指定的资源。
    • HEAD:与GET类似,但服务器只返回响应头,不返回响应体。
    • OPTIONS:请求服务器返回支持的HTTP方法。
    • CONNECT:用于建立隧道,常用于HTTP代理。
  • 请求头部:包含客户端发送的各种信息,如主机地址(Host)、用户代理(User-Agent)、内容类型(Content-Type)、内容长度(Content-Length)、Cookie等。
  • 请求体:在POST和PUT等请求方法中,请求体包含客户端要发送给服务器的数据。

3、HTTP响应

HTTP响应由状态行、响应头部和响应体组成。

  • 状态行:包括HTTP版本、状态码和状态消息。状态码是一个三位数字,用于表示请求的结果:
    • 1xx:信息性状态码,表示请求已被接收,继续处理。
    • 2xx:成功状态码,表示请求已成功被服务器接收、理解、接受并处理。
      • 200 OK:请求成功。
      • 201 Created:请求成功并且服务器创建了新的资源。
      • 204 No Content:服务器成功处理了请求,但不需要返回任何实体内容。
    • 3xx:重定向状态码,表示需要进一步的操作以完成请求。
      • 301 Moved Permanently:请求的资源已被永久移动到新的URI。
      • 302 Found:请求的资源临时移动到新的URI。
    • 4xx:客户端错误状态码,表示客户端请求有误。
      • 400 Bad Request:服务器无法理解请求的格式。
      • 401 Unauthorized:请求要求用户的身份认证。
      • 403 Forbidden:服务器理解请求,但拒绝执行。
      • 404 Not Found:请求的资源在服务器上未找到。
    • 5xx:服务器错误状态码,表示服务器在处理请求时发生了错误。
      • 500 Internal Server Error:服务器内部错误。
      • 502 Bad Gateway:作为网关或代理工作的服务器,从上游服务器接收到无效响应。
      • 503 Service Unavailable:服务器当前无法处理请求,但可能在将来可用。
  • 响应头部:包含服务器发送的各种信息,如内容类型(Content-Type)、内容长度(Content-Length)、服务器信息(Server)、日期(Date)等。
  • 响应体:包含服务器返回给客户端的数据,如HTML文档、图片、视频等。

4、HTTP协议的版本

  • HTTP/1.0:最初的HTTP版本,每个连接只能处理一个请求和响应,然后关闭连接。
  • HTTP/1.1:在HTTP/1.0的基础上进行了改进,支持持久连接(Connection: keep-alive),允许在一个TCP连接上发送多个请求和响应,减少了连接的开销。还支持分块传输编码、主机头部字段、管道化等特性。
  • HTTP/2:基于SPDY协议,对HTTP/1.x进行了重大改进,支持二进制协议、头部压缩、服务器推送、并行传输等特性,提高了传输效率和性能。
  • HTTP/3:基于QUIC协议,进一步改进了传输性能和安全性,支持UDP传输、更低的连接延迟、更好的拥塞控制等特性。
  • HTTP协议是构建现代网络应用的基础,广泛应用于网页浏览、文件下载、API通信等场景。随着互联网的发展,HTTP协议也在不断地演进和完善,以满足日益增长的网络需求。

四、前端和后端

前端和后端是软件开发中的两个主要领域,它们分别负责不同的功能和职责。

1、前端(Frontend)

  • 定义:前端通常指的是用户可以直接与之交互的应用程序部分。它包括用户界面(UI)和用户体验(UX)的设计与实现。
  • 主要职责:
    • 用户界面设计:设计和实现用户看到的界面元素,如按钮、文本框、菜单、图表等。
    • 交互逻辑:处理用户的输入和操作,响应用户的交互行为,如点击事件、表单提交、动画效果等。
    • 数据展示:将后端提供的数据以友好的方式展示给用户,如列表、表格、图表等。
  • 技术栈:
    • HTML:用于构建网页的结构和内容。
    • CSS:用于设置网页的样式和布局。
    • JavaScript:用于实现网页的交互逻辑和动态效果。
  • 前端框架和库:如React、Vue.js、Angular等,用于提高开发效率和实现复杂的用户界面。
  • 版本控制工具:如Git,用于代码管理和版本控制。
  • 工作重点:前端开发的重点在于提供良好的用户体验,确保界面美观、响应快速、交互流畅。
  • 运行环境:前端代码主要在用户的浏览器中运行,因此需要考虑浏览器兼容性和性能优化。

2、后端(Backend)

  • 定义:后端通常指的是应用程序的服务器端部分,负责处理应用程序的业务逻辑、数据存储和管理等。
  • 主要职责:
    • 业务逻辑:实现应用程序的核心功能和业务规则,如用户认证、订单处理、数据计算等。
    • 数据存储:管理和存储应用程序的数据,如用户信息、产品数据、订单数据等,通常使用数据库来存储数据。
    • API设计:设计和实现应用程序编程接口(API),供前端调用以获取数据和执行操作。
  • 服务器管理:维护服务器的运行环境,确保应用程序的稳定性和安全性。
    技术栈:
  • 编程语言:如Python、Java、C#、Ruby、Node.js等,用于编写服务器端代码。
  • 数据库:如MySQL、PostgreSQL、MongoDB、Redis等,用于存储和管理数据。
  • 服务器框架:如Django、Spring、Express等,用于快速开发和部署后端应用。
  • 服务器和部署工具:如Nginx、Apache、Docker、Kubernetes等,用于服务器配置和应用部署。
  • 工作重点:后端开发的重点在于实现应用程序的业务逻辑,确保数据的准确性和安全性,以及提供高效的API服务。
  • 运行环境:后端代码主要在服务器上运行,因此需要考虑服务器的性能、负载均衡和安全性等。

3、总结

  • 用户交互:前端直接与用户交互,关注用户界面和体验;后端不直接与用户交互,关注业务逻辑和数据处理。
  • 运行位置:前端代码运行在用户的浏览器中,后端代码运行在服务器上。
  • 技术栈:前端主要使用HTML、CSS、JavaScript等技术,后端则使用各种编程语言、数据库和服务器框架等。
  • 职责分工:前端负责展示和交互,后端负责逻辑和数据管理。

在实际的软件开发过程中,前端和后端通常是紧密协作的,通过API进行通信和数据交换,共同实现应用程序的整体功能。

五、Web服务器

Web服务器是用于存储、处理和提供网页内容给客户端(通常是浏览器)的服务器软件或硬件设备。它接收来自客户端的HTTP请求,根据请求的内容查找相应的资源(如HTML文件、图片、视频等),并将这些资源作为HTTP响应发送给客户端。Web服务器是构建Web应用和提供Web服务的基础。

1、Web服务器的主要功能

  • 处理HTTP请求:接收客户端发送的HTTP请求,解析请求中的方法、URI、头部信息等,确定客户端需要的资源。
  • 资源定位:根据请求的URI,查找服务器上存储的相应资源文件。如果资源存在,则进行下一步处理;如果资源不存在,则返回404 Not Found错误。
  • 响应生成:将找到的资源文件转换为HTTP响应格式,包括设置响应状态码、响应头部(如Content-Type、Content-Length等)和响应体(即资源内容)。
  • 发送响应:将生成的HTTP响应通过TCP连接发送给客户端,客户端收到响应后可以展示网页内容。
  • 日志记录:记录服务器处理请求的详细信息,如请求时间、客户端IP地址、请求方法、请求URI、响应状态码等,用于分析服务器的访问情况和性能。
  • 安全防护:提供一定的安全机制,如身份认证、访问控制、SSL/TLS加密等,保护服务器和资源的安全。

2、常见的Web服务器软件

  • Apache HTTP Server:是最流行的Web服务器之一,具有高度的可配置性和扩展性,支持多种操作系统平台。它提供了丰富的模块和插件,可以实现各种功能,如URL重写、缓存、代理等。
  • Nginx:以其高性能、高并发和低资源消耗而著称。Nginx在处理静态资源、负载均衡、反向代理等方面表现优异,常用于作为反向代理服务器和负载均衡器。
  • Microsoft IIS(Internet Information Services):是微软开发的Web服务器,集成在Windows操作系统中。它提供了简单易用的管理界面和良好的与Windows系统的集成性,适合在Windows环境下部署Web应用。
  • Lighttpd:是一款轻量级的Web服务器,专为高性能和低资源消耗而设计。它适用于嵌入式设备和小型Web应用。
  • Tomcat:虽然Tomcat本身是一个Servlet容器,但它也可以作为Web服务器使用。它主要用于运行Java Web应用,支持Servlet和JSP技术。

3、Web服务器的工作流程

  1. 监听请求:Web服务器在指定的端口(通常是80端口)上监听客户端的HTTP请求。
  2. 接收请求:当客户端发送HTTP请求时,服务器接收请求数据,并解析请求中的信息。
  3. 处理请求:
    • 如果请求的是静态资源(如HTML文件、图片等),服务器直接从文件系统中读取资源内容,并生成HTTP响应。
    • 如果请求的是动态资源(如需要执行脚本或程序生成的内容),服务器会调用相应的处理程序(如CGI脚本、ASP.NET程序等),由处理程序生成动态内容,然后服务器将其转换为HTTP响应。
  4. 发送响应:服务器将生成的HTTP响应通过TCP连接发送给客户端。
  5. 关闭连接:对于HTTP/1.0,默认在发送完响应后关闭TCP连接;对于HTTP/1.1,如果请求头部中包含Connection: keep-alive,则保持连接,以便后续请求复用该连接。

Web服务器是Web应用架构中的关键组件,它为客户端提供网页内容和Web服务,使得用户可以通过浏览器访问和使用各种Web应用。随着互联网的发展,Web服务器也在不断地优化和改进,以满足日益增长的性能和功能需求。

六、数据库

数据库是用于存储、管理和组织数据的系统,它允许用户以高效、安全和可控的方式访问和操作数据。数据库通常由一个或多个数据表组成,每个数据表包含一组相关的数据记录,每条记录由多个字段(或列)组成,字段定义了数据的类型和结构。

1、数据库的作用

  1. 数据存储:
    • 提供一个集中存储数据的地方,可以存储大量的结构化数据,如用户信息、订单数据、产品信息等。
    • 支持不同类型的数据存储,包括文本、数字、日期、时间、二进制数据等。
  2. 数据管理:
    • 提供数据的增删改查(CRUD)操作,方便用户对数据进行管理。
    • 支持数据的排序、筛选、分组、聚合等操作,方便用户对数据进行分析和处理。
  3. 数据一致性:
    • 通过约束(如主键约束、外键约束、唯一性约束等)确保数据的完整性和一致性,避免数据的重复、冲突和错误。
    • 支持事务管理,确保数据操作的原子性、一致性、隔离性和持久性(ACID特性),即使在并发操作或系统故障的情况下也能保证数据的正确性。
  4. 数据安全性:
    • 提供用户权限管理,可以根据用户的角色和权限设置对数据的访问和操作权限,防止未授权访问和数据泄露。
    • 支持数据加密、备份和恢复等安全措施,保护数据的安全性和可靠性。
  5. 数据共享:
    • 支持多用户同时访问和操作数据库中的数据,实现数据的共享和协作。
    • 提供数据库连接和访问接口,方便应用程序和系统之间进行数据交换和集成。
  6. 提高效率:
    • 使用索引、查询优化等技术提高数据检索的效率,快速响应用户的查询请求。
    • 支持批量操作和自动化管理,减少人工干预,提高数据处理的效率和准确性。

2、数据库的类型

  • 关系型数据库(RDBMS):
    • 使用表格的形式组织数据,表与表之间通过关系(如外键)进行关联。
    • 采用SQL(结构化查询语言)作为查询和操作数据的标准语言。
    • 常见的关系型数据库有MySQL、PostgreSQL、Oracle、SQL Server等。
  • 非关系型数据库(NoSQL):
    • 不使用表格形式,而是采用键值对、文档、列族、图等数据模型来组织数据。
    • 适用于处理大规模、分布式、多样化和快速变化的数据。
    • 常见的非关系型数据库有MongoDB(文档型)、Redis(键值存储型)、Cassandra(列族型)、Neo4j(图型)等。

数据库在现代信息系统中扮演着核心角色,广泛应用于企业、政府、教育、医疗等领域,是实现数据驱动决策、业务流程管理和信息共享的重要基础。

七、浏览器

浏览器是一种用于访问和浏览互联网上信息的软件应用程序。它允许用户通过互联网获取和查看网页、图片、视频、音频等各种类型的资源。浏览器是互联网用户与网络内容交互的主要工具之一。

1、浏览器的作用

  1. 网页浏览:
    • 解析和渲染网页:浏览器能够解析HTML、CSS和JavaScript等网页语言,将网页代码转换为用户可以阅读和交互的图形界面。
    • 提供导航功能:用户可以通过点击链接、输入网址、使用前进和后退按钮等方式在不同的网页之间导航。
  2. 资源下载:
    • 允许用户下载网页上的资源,如图片、视频、音频、文件等。
    • 支持多种下载方式,包括直接点击下载链接、右键菜单下载等。
  3. 表单提交:
    • 支持用户填写和提交表单数据,如登录、注册、搜索、购买等操作。
    • 将用户输入的数据发送到服务器,并接收服务器的响应结果。
  4. 多媒体播放:
    • 内置或支持第三方插件,可以播放网页中的多媒体内容,如视频、音频、动画等。
    • 支持多种多媒体格式和播放功能,如暂停、播放、快进、快退、音量调节等。
  5. 交互式功能:
    • 支持JavaScript等脚本语言,实现网页的交互式功能,如动态内容更新、表单验证、动画效果等。
    • 提供API和接口,允许开发者创建丰富的Web应用和交互体验。
  6. 安全和隐私保护:
    • 提供安全机制,如HTTPS加密、跨站脚本(XSS)防护、内容安全策略(CSP)等,保护用户的网络安全。
    • 提供隐私设置,如清除浏览历史、管理Cookie、阻止弹窗广告等,保护用户的隐私信息。
  7. 扩展和插件支持:
    • 支持安装和使用各种扩展程序和插件,以增强浏览器的功能和用户体验。
    • 扩展和插件可以提供额外的功能,如广告拦截、密码管理、网页翻译、开发工具等。
  8. 开发者工具:
    • 提供内置的开发者工具,方便开发者调试和优化网页和Web应用。
    • 开发者工具包括元素检查器、控制台、网络分析器、性能分析器等。

2、浏览器的工作原理

  • 用户输入:用户在浏览器的地址栏输入网址或点击链接,发起资源请求。
  • 请求发送:浏览器将请求发送到服务器,通过DNS解析域名,建立TCP连接,发送HTTP请求。
  • 服务器响应:服务器处理请求,返回相应的资源(如HTML文件、图片等)作为HTTP响应。
  • 资源加载:浏览器接收响应,加载和解析资源,构建DOM树和CSSOM树,渲染网页内容。
  • 用户交互:用户与网页进行交互,如点击按钮、填写表单等,浏览器根据JavaScript代码执行相应的操作。

3、常见的浏览器

  • Google Chrome:由谷歌公司开发,以其快速、安全和丰富的扩展功能而著称。
  • Mozilla Firefox:由Mozilla基金会开发,注重用户隐私和开源社区支持。
  • Microsoft Edge:微软开发的浏览器,基于Chromium内核,兼容性好,性能优异。
  • Safari:苹果公司开发的浏览器,主要用于macOS和iOS系统,注重性能和能效。
  • Opera:挪威Opera软件公司开发的浏览器,支持多种平台,具有独特的功能和设计。

浏览器作为互联网的重要入口,极大地丰富了用户的信息获取和交互方式,推动了互联网的发展和应用。随着技术的进步,浏览器的功能和性能也在不断提升,为用户提供了更加便捷和安全的网络体验。

八、URL

URL(Uniform Resource Locator,统一资源定位符)是互联网上用来标识和定位资源的一种标准格式。它提供了一种简单的方法来访问网络上的资源,如网页、图片、视频、文件等。URL是用户在浏览器地址栏中输入以访问特定资源的地址。

1、URL的组成

一个典型的URL通常由以下几个部分组成:

  • 协议(Scheme):
    • 指定了访问资源所使用的协议类型。常见的协议有:
      • http:超文本传输协议,用于访问普通的网页资源。
      • https:安全超文本传输协议,是HTTP的安全版本,通过SSL/TLS加密传输数据,用于保护敏感信息的安全传输。
      • ftp:文件传输协议,用于文件的上传和下载。
      • file:用于访问本地文件系统中的文件。
      • mailto:用于发送电子邮件。
    • 协议后面通常跟随一个冒号和两个斜杠[ : / / ],表示协议的结束和资源地址的开始。
  • 主机名(Host):
    • 指定了资源所在的服务器的域名或IP地址。域名是通过DNS解析为IP地址的,以便浏览器能够找到服务器的位置。
    • 例如,在URL https://www.example.com 中,www.example.com 就是主机名。
  • 端口号(Port):
    • 指定了服务器上用于监听请求的端口号。端口号是可选的,如果省略,则使用协议的默认端口号(如HTTP的默认端口号是80,HTTPS的默认端口号是443)。
    • 如果需要指定非默认端口号,则在主机名后面加上冒号和端口号。例如:https://www.example.com:8080。
  • 路径(Path):
    • 指定了服务器上资源的具体位置,通常是一个文件夹或文件的路径。路径可以是绝对路径或相对路径。
    • 例如,在URL https://www.example.com/path/to/resource.html 中,/path/to/resource.html 就是路径。
  • 查询字符串(Query String):
    • 用于向服务器传递额外的参数信息,通常用于动态网页的请求。查询字符串以问号(?)开始,后面跟随一个或多个参数,参数之间用&分隔。
    • 例如:https://www.example.com/search?query=keyword&page=2 中的 ?query=keyword&page=2 就是查询字符串,表示传递了两个参数:query 和 page。
  • 锚点(Fragment):
    • 用于定位页面内的特定位置,通常用于跳转到页面中的某个部分。锚点以井号(#)开始,后面跟随一个标识符。
    • 例如:https://www.example.com/page.html#section1 中的 #section1 就是锚点,表示跳转到页面中ID为section1的部分。

2、URL的作用

  • 资源定位:URL提供了资源在网络上的唯一标识,使得用户能够准确地找到和访问特定的资源。
  • 数据传输:通过URL的查询字符串,可以向服务器传递请求参数,实现动态内容的加载和数据的交互。
  • 导航和链接:在网页中,URL用于创建超链接,允许用户通过点击链接从一个资源跳转到另一个资源,实现网页之间的导航和连接。
  • 搜索引擎优化(SEO):URL的结构和内容对搜索引擎优化有重要影响,合理的URL设计有助于提高网页的排名和可见度。

URL是互联网通信的基础之一,它使得用户能够方便地访问和获取网络上的各种资源。随着互联网的发展,URL的设计和使用也在不断优化和创新,以满足日益增长的网络需求。

九、浏览器框架

浏览器框架的演进是一个随着技术发展和用户需求变化而不断进步的过程。以下是浏览器框架的主要演进阶段:

1、早期浏览器时代(1990s - 2000s)

  • 静态页面时代:
    • 初期的浏览器主要用于显示静态的HTML页面,功能相对简单,主要关注于文本和图片的展示。
    • 代表性的浏览器有Netscape Navigator和Internet Explorer,它们在浏览器市场中占据主导地位。

2、多进程架构的引入(2000s - 2010s)

  • 多进程浏览器:
    • 为了提高浏览器的稳定性和性能,现代浏览器采用了多进程架构。每个标签页或插件运行在一个独立的进程中,这样即使一个页面崩溃,也不会影响整个浏览器。
    • Google Chrome是多进程架构的典型代表,它通过将渲染、GPU、网络等模块分离,大大提高了浏览器的稳定性和安全性。

3、服务化架构的发展(2010s - 至今)

  • 面向服务的架构(SOA):
    • Chrome团队在2016年提出了面向服务的架构,将浏览器的基础能力拆解成一个个独立的服务,每个服务运行在一个独立的进程中。
    • 这种架构使得浏览器更加轻量、高效,便于维护和扩展。

4、现代浏览器的多样化发展

  • 移动浏览器的崛起:
    • 随着智能手机的普及,移动浏览器成为了一个重要的发展方向。它们需要针对移动设备的特点进行优化,如屏幕尺寸、触摸操作和性能。
  • 功能的丰富和扩展:
    • 现代浏览器不仅用于网页浏览,还集成了各种功能,如密码管理、广告拦截、开发者工具等。
    • 浏览器的插件和扩展生态系统也不断发展,允许用户根据自己的需求定制浏览器。

5、未来发展趋势

  • 性能和安全性的提升:
    • 浏览器将继续在性能和安全性方面进行优化,提供更快的加载速度和更强大的安全防护。
  • 跨平台和多设备支持:
    • 随着物联网和多设备互联的发展,浏览器将更好地支持跨平台和多设备的使用场景。
  • 集成新技术:
    • 浏览器可能会更多地集成人工智能、语音交互、虚拟现实等新技术,提供更智能和丰富的用户体验。

浏览器框架的演进反映了互联网技术的快速发展和用户需求的不断变化,未来浏览器将继续在功能、性能和用户体验等方面不断创新和进步。


十、总结

本章节包含计算机网络、网络协议、HTTP协议、前端与后端技术、Web服务器、数据库以及浏览器等。

相关文章:

安全基础-互联网技术基础

互联网技术基础 概述:计算机网络、网络协议、HTTP协议、前端与后端技术、Web服务器、数据库以及浏览器等 目录 互联网技术基础前言一、计算机网络定义二、网络协议和协议分层1.OSI七层模型2.TCP/IP四层模型 三、HTTP协议1、HTTP协议的特点2、HTTP请求3、HTTP响应4、…...

【Rust自学】11.9. 单元测试

喜欢的话别忘了点赞、收藏加关注哦(加关注即可阅读全文),对接下来的教程有兴趣的可以关注专栏。谢谢喵!(・ω・) 11.9.1. 测试的分类 Rust把测试分为两类,一个是单元测试,一个是集成…...

了解Node.js

Node.js是一个基于V8引擎的JavaScript运行时环境,它允许JavaScript代码在服务器端运行,从而实现后端开发。Node.js的出现,使得前端开发人员可以利用他们已经掌握的JavaScript技能,扩展技能树并成为全栈开发人员。本文将深入浅出地…...

二十三种设计模式-原型模式

原型模式(Prototype Pattern)是一种创建型设计模式,它通过拷贝现有的实例来创建新的实例,而不是通过新建实例。这种方式可以避免复杂的构造过程,同时还能保持对象的创建和使用分离,提高系统的灵活性和扩展性…...

蓝桥与力扣刷题(66 加一)

题目: 给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。 最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。 你可以假设除了整数 0 之外,这个整数不会以零开头。 示例 1: 输入…...

Markdown 分级标题

Markdown 分级标题 1. 前言2. 语法详解2.1 SeText风格2.2 Atx风格 3. 使用场景及实例4. 小结5. 其他风格5. 其他文章快来试试吧🎈 Markdown 分级标题 👈点击这里也可查看 1. 前言 关于 Markdown 的分级标题,官方给出了如下定义: …...

回归预测 | MATLAB基于RF-Adaboost多输入单输出回归预测

回归预测 | MATLAB基于RF-Adaboost多输入单输出回归预测 目录 回归预测 | MATLAB基于RF-Adaboost多输入单输出回归预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 回归预测 | MATLAB基于RF-Adaboost多输入单输出回归预测。 1.Matlab实现RF-Adaboost随机森林集成学习…...

字符串相关类之可变字符序列:StringBuffer、StringBuilder

前言: 小编最近找了份兼职,时间比较紧张 但不影响继续日更一篇,我们继续一起进步吧!!! 我们一直都是以这样的形式,让新手小白轻松理解复杂晦涩的概念, 把Java代码拆解的清清楚楚&a…...

git提交

基本流程:新建分支 → 分支上开发(写代码) → 提交 → 合并到主分支 拉取最新代码因为当前在 master 分支下,你必须拉取最新代码,保证当前代码与线上同步(最新),执行以下命令:bashgit pull orig…...

ceph osd df 输出详解

ceph osd df 命令用于显示 Ceph 集群中各个 OSD(对象存储守护进程)的详细信息。以下是输出中各列的含义: ID:OSD 的唯一标识符。 CLASS:OSD 所属的设备类别,例如 SSD、HDD 等。 WEIGHT:OSD 的…...

Unity3D实现自定义河流路径或泥石流路径

系列文章目录 untiy工具 文章目录 系列文章目录👉前言👉一、效果如下👉二、编辑效果如下👉三、简单使用Tool👉四、实现水流从上到下流下来的效果👉壁纸分享👉总结👉前言 此工具是一个插件,插件很好用,可以根据地形编辑河流的走向以及宽度,也可以发挥想象编辑…...

【数据结构】双向链表

目录 1. 双向链表 1.1特性 1.2双向链表相关操作 1.3 双向循环链表 1. 双向链表 1.1特性 逻辑结构:线性结构 存储结构:链式存储 操作:增删改查 typedef int datatype; typedef struct node {datatype data; //数据域struct node …...

android进入fastboot

安装windows驱动。android进入fastboot模式后,需要Windows驱动来跟adb通信,所以需要预先安装Windows usb驱动,否则进入fastboot模式后,无法使用adb连接手机。 下载网址:https://developer.android.com/studio/run/win-…...

verilogHDL仿真详解

前言 Verilog HDL中提供了丰富的系统任务和系统函数,用于对仿真环境、文件操作、时间控制等进行操作。(后续会进行补充) 正文 一、verilogHDL仿真详解 timescale 1ns/1ps //时间单位为1ns,精度为1ps, //编译…...

见微知著:Tripo 开创 3D 生成新时代

关于 VAST VAST 成⽴于 2023 年 3 ⽉,是⼀家致⼒于通⽤ 3D 大模型研发的 AI 公司,公司⽬标是通过打造⼤众级别的 3D 内容创作⼯具,建⽴ 3D 的 UGC 内容平台,让基于 3D 的空间成为⽤户体验、内容表达、提升新质⽣产⼒的关键要素。 2024 年初,VAST 推出数⼗亿参数级别的 3…...

【AI自动化渗透】大模型支持的自动化渗透测试,看蚂蚁和浙大的

参考文章: https://mp.weixin.qq.com/s/WTaO54zRxtNMHaiI1tfdGw 最近,美国西北大学,浙江大学,蚂蚁集团的一些专家学者联手发表了一篇论文,介绍了一个PentestAgent的方案,实现了渗透测试自动化。 01 技术方案 图的字…...

React 中事件机制详细介绍:概念与执行流程如何更好的理解

React 的事件机制是一个非常重要的概念,它涉及到 React 如何处理用户的交互事件。React 的事件系统与传统的 DOM 事件系统有所不同,它在底层使用了事件委托和合成事件(Synthetic Events)来优化性能。下面,我们将从 Rea…...

时序数据库InfluxDB—介绍与性能测试

目录 一、简述 二、主要特点 三、基本概念 1、主要概念 2、保留策略 3、连续查询 4、存储引擎—TSM Tree 5、存储目录 四、基本操作 1、Java-API操作 五、项目中的应用 六、单节点的硬件配置 七、性能测试 1、测试环境 2、测试程序 3、写入测试 4、查询测试 一…...

解决idea中无法拖动tab标签页的问题

1、按 Ctrl Alt S 打开设置,找到路径 File | Settings | Appearance & Behavior | Appearance 2、去掉勾选 Drag-and-drop with Alt pressed only 即可...

ffplay 命令行 从视频第N帧开始读取 ffmpeg 命令行 提取第N帧图片

ffmpeg中没有直接的命令读取第N帧 但是可以通过 t N/framerate 来获取到具体第N帧的时间 然后用 -ss t进行跳转。 比如帧率(frame rate)为24fps的视频G:/1/1.mp4文件从第1000帧开始进行播放,先计算出时间为 t 41.66666 ffplay -i G:/1/1.…...

【web靶场】之upload-labs专项训练(基于BUUCTF平台)

前言 该靶场,是通过平台BUUCTF在线评测中的靶场进行的,基于linux搭建的 当然若是想要该靶场,可以采用github上的醒目,点击后面文字即可访问c0ny1/upload-labs: 一个想帮你总结所有类型的上传漏洞的靶场 或者本人分享在网盘中&a…...

HTML5 Audio(音频)

HTML5 Audio(音频) HTML5 的 <audio> 元素是一个重要的革新,它为网页开发者提供了一种简单的方式来嵌入音频内容。在这篇文章中,我们将探讨 HTML5 <audio> 元素的特性、用法、浏览器兼容性,以及如何通过 JavaScript 和 CSS 对其进行控制和定制。 1. HTML5 <…...

go语言学习

字典&#xff08;映射&#xff09;类型 &#xff08;Map&#xff09; 以键值对为元素去存储元素 Map的特点&#xff1a; 键不能重复。 键必须是&#xff08;int,bool,float,string,array&#xff09;这些可以哈希的 &#xff08;如果自定义类型想要作为键&#xff0c;需要自…...

OpenCV相机标定与3D重建(53)解决 Perspective-3-Point (P3P) 问题函数solveP3P()的使用

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 根据 3 个 3D-2D 点对应关系找到物体的姿态。 cv::solveP3P 是 OpenCV 中的一个函数&#xff0c;用于解决 Perspective-3-Point (P3P) 问题。该问…...

【西北工业大学主办 | EI检索稳定 | 高H值专家与会报告】2025年航天航空工程与材料技术国际会议(AEMT 2025)

2025 年航天航空工程与材料技术国际会议&#xff08;AEMT 2025&#xff09;将于2025年2月28日至3月2日在中国天津召开。本届会议由西北工业大学主办&#xff0c;由北京航空航天大学、北京理工大学作为支持单位加入&#xff0c;AEIC 学术交流中心协办。 AEMT 2025 旨在汇聚来自全…...

卷积神经02-CUDA+Pytorch环境安装

卷积神经02-CUDAPytorch环境安装 在使用Python进行pytorch的使用过程中遇到各种各样的版本冲突问题&#xff0c;在此进行记录 0-核心知识脉络 1&#xff09;根据自己电脑的CUDA版本安装对应版本的Pytorch&#xff0c;充分的使用GPU性能2&#xff09;电脑要先安装【CUDA ToolKi…...

监听器与RBAC权限模型

目录 1、监听器ServletContextListener1.1、主要用途1.2、接口方法1.3、实现步骤1.4、示例代码1.5、使用场景 2、德鲁伊数据源2.1、主要特性2.2、配置 DruidDataSource 3、RBAC权限模型3.1、什么是RBAC3.2、RBAC 的核心概念3.3、RBAC 的优势3.4、RBAC 的实现步骤 1、监听器Serv…...

根据浏览器的不同类型动态加载不同的 CSS 文件

实现思路&#xff1a; 安装并引入 vue 项目相关的 CSS 文件&#xff1a;首先确保你有为不同浏览器准备了不同的 CSS 文件&#xff08;例如&#xff0c;style-chrome.css&#xff0c;style-firefox.css&#xff0c;style-ie.css 等&#xff09;。 在 index.js 中根据浏览器类型…...

[ComfyUI]接入Google的Whisk,巨物融合玩法介绍

一、介紹​ 前段时间&#xff0c;谷歌推出了一个图像生成工具whisk&#xff0c;有一个很好玩的图片融合玩法&#xff0c;分别提供三张图片,就可以任何组合来生成图片。​ ​ 最近我发现有人开发了对应的ComfyUI插件&#xff0c;对whisk做了支持&#xff0c;就来体验了下&#…...

3DGabor滤波器实现人脸特征提取

import cv2 import numpy as np# 定义 Gabor 滤波器的参数 kSize 31 # 滤波器核的大小 g_sigma 3.0 # 高斯包络的标准差 g_theta np.pi / 4 # Gabor 函数的方向 g_lambda 10.0 # 正弦波的波长 g_gamma 0.5 # 空间纵横比 g_psi np.pi / 2 # 相位偏移# 生成 Gabor 滤…...

一文流:Maven精讲

一文流系列是作者苦于技术知识学了-忘了&#xff0c;背了-忘了的苦恼&#xff0c;决心把技术知识的要点一笔笔✍️出来&#xff0c;一图图画出来&#xff0c;一句句讲出来&#xff0c;以求刻在&#x1f9e0;里。 该系列文章会把核心要点提炼出来&#xff0c;以求掌握精髓&#…...

10.STM32F407ZGT6-内部温度传感器

参考&#xff1a; 1.正点原子 前言&#xff1a; 本笔记的主要目的和意义就是&#xff0c;再次练习ADC的使用。 32.1 内部温度传感器简介 STM32F407 有一个内部的温度传感器&#xff0c;可以用来测量 CPU 及周围的温度(TA)。对于STM32F407 系列来说&#xff0c;该温度传感器在…...

软件测试预备知识④—NTFS权限管理、磁盘配额与文件共享

在软件测试的实际环境搭建与管理过程中&#xff0c;了解和掌握NTFS权限管理、磁盘配额以及文件共享等知识至关重要。这些功能不仅影响系统的安全性和稳定性&#xff0c;还对测试数据的存储、访问以及多用户协作测试有着深远的影响。 一、NTFS权限管理 1.1 NTFS简介 NTFS&am…...

Harry技术添加存储(minio、aliyun oss)、短信sms(aliyun、模拟)、邮件发送等功能

Harry技术添加存储&#xff08;minio、aliyun oss&#xff09;、短信sms&#xff08;aliyun、模拟&#xff09;、邮件发送等功能 基于SpringBoot3Vue3前后端分离的Java快速开发框架 项目简介&#xff1a;基于 JDK 17、Spring Boot 3、Spring Security 6、JWT、Redis、Mybatis-P…...

科研绘图系列:R语言绘制Y轴截断分组柱状图(y-axis break bar plot)

禁止商业或二改转载,仅供自学使用,侵权必究,如需截取部分内容请后台联系作者! 文章目录 介绍特点意义加载R包数据下载导入数据数据预处理画图输出总结系统信息介绍 Y轴截断分组柱状图是一种特殊的柱状图,其特点是Y轴的刻度被截断,即在某个范围内省略了部分刻度。这种图表…...

省森林防火应急指挥系统

森林防火形势严峻 我国森林防火形势十分严峻&#xff0c;森林火灾具有季节性强、发现难、成灾迅速等特点&#xff0c;且扑救难度大、影响范围广、造成的损失重。因此&#xff0c;构建森林防火应急指挥系统显得尤为重要。 系统建设模式与架构 森林防火应急指挥系统采用大智慧…...

HTML 迷宫游戏

HTML 迷宫游戏 相关资源文件已经打包成压缩文件&#xff0c;可双击index.html直接运行程序&#xff0c;且文章末尾已附上相关源码&#xff0c;以供大家学习交流&#xff0c;博主主页还有更多Python相关程序案例&#xff0c;秉着开源精神的想法&#xff0c;望大家喜欢&#xff0…...

【面试题】技术场景 4、负责项目时遇到的棘手问题及解决方法

工作经验一年以上程序员必问问题 面试题概述 问题为在负责项目时遇到的棘手问题及解决方法&#xff0c;主要考察开发经验与技术水平&#xff0c;回答不佳会影响面试印象。提供四个回答方向&#xff0c;准备其中一个方向即可。 1、设计模式应用方向 以登录为例&#xff0c;未…...

Autoencoder(李宏毅)机器学习 2023 Spring HW8 (Boss Baseline)

1. Autoencoder 简介 Autoencoder是一种用于学习数据高效压缩表示的人工神经网络。它由两个主要部分组成: Encoder 编码器将输入数据映射到一个更小的、低维空间中的压缩表示,这个空间通常称为latent space或bottleneck。 这一过程可以看作是数据压缩,去除冗余信息,仅保留…...

Python的循环

Python的循环 Python的循环有两种&#xff0c;分别是for…in循环和while循环。 for…in 循环 假设我们要循环输出一个列表里的元素&#xff1a; names [张三,李四,王五] for name in names:print(name)执行这段代码后&#xff0c;会依次打印names的每一个元素&#xff1a;…...

车联网安全--TLS握手过程详解

目录 1. TLS协议概述 2. 为什么要握手 2.1 Hello 2.2 协商 2.3 同意 3.总共握了几次手&#xff1f; 1. TLS协议概述 车内各ECU间基于CAN的安全通讯--SecOC&#xff0c;想必现目前多数通信工程师们都已经搞的差不多了&#xff08;不要再问FvM了&#xff09;&#xff1b;…...

Git | git stash命令详解

关注&#xff1a;CodingTechWork 引言 在日常开发中&#xff0c;使用Git版本控制系统时&#xff0c;可能会遇到需要暂时中断当前工作&#xff0c;去处理其他任务的情况。这时&#xff0c;如果直接切换分支&#xff0c;可能会导致当前的修改未提交而丢失或需要暂时保存修改的状…...

LeetCode hot100-100

287. 寻找重复数 给定一个包含 n 1 个整数的数组 nums &#xff0c;其数字都在 [1, n] 范围内&#xff08;包括 1 和 n&#xff09;&#xff0c;可知至少存在一个重复的整数。假设 nums 只有 一个重复的整数 &#xff0c;返回 这个重复的数 。你设计的解决方案必须 不修改 数组…...

AWS re:Invent 2024 现场实录 - It‘s all about Scale

时隔五年&#xff0c;再度造访美国&#xff0c;也是同样的主题&#xff0c;参加在拉斯维加斯举行的 AWS re:Invent 大会。 会场 从 2012 起第一届开始&#xff0c;每年的 re:Invent 大会都放在拉斯维加斯&#xff0c;主会场也都放在威尼斯人酒店 (Venetian)。有小伙伴好奇这背…...

qt-C++笔记之自定义继承类初始化时涉及到parents的初始化

qt-C笔记之自定义继承类初始化时涉及到parents的初始化 code review! 参考笔记 1.qt-C笔记之父类窗口、父类控件、对象树的关系 2.qt-C笔记之继承自 QWidget和继承自QObject 并通过 getWidget() 显示窗口或控件时的区别和原理 3.qt-C笔记之自定义类继承自 QObject 与 QWidget …...

[微服务]redis数据结构

介绍 我们常用的Redis数据类型有5种&#xff0c;分别是&#xff1a; StringListSetSortedSetHash 还有一些高级数据类型&#xff0c;比如Bitmap、HyperLogLog、GEO等&#xff0c;其底层都是基于上述5种基本数据类型。因此在Redis的源码中&#xff0c;其实只有5种数据类型。 …...

android四大组件之一——Service

目录 一、Service概述 二、生命周期 三、权限 四、进程生命周期 五、组件与绑定Service的通信方式 1.扩展 Binder 类 2.Messenger信使 3.AIDL 七、总结 场景使用区别 一、Service概述 Service 是应用组件&#xff0c;代表一个应用的长时间后台运行的操作&#xff0…...

PythonOpenCV图片识别

在windows下面&#xff0c;使用python opencv 进行识别&#xff0c;获取到坐标。 依赖安装&#xff1a; pip install opencv-python pip install numpy pip install pyautogui pip install pywin32代码&#xff1a; import cv2 import numpy as np import pyautogui import o…...

ASP.NET Core 中使用 Cookie 身份验证

在 ASP.NET Core 中使用 Cookie 身份验证&#xff0c;通常是为了实现用户的登录和授权。以下是配置 Cookie 身份验证的步骤。 1. 安装必要的 NuGet 包 首先&#xff0c;确保项目中包含 Microsoft.AspNetCore.Authentication.Cookies 包。你可以通过 NuGet 包管理器或命令行安…...

2021 年 3 月青少年软编等考 C 语言五级真题解析

目录 T1. 红与黑思路分析T2. 密室逃脱思路分析T3. 求逆序对数思路分析T4. 最小新整数思路分析T1. 红与黑 有一间长方形的房子,地上铺了红色、黑色两种颜色的正方形瓷砖。你站在其中一块黑色的瓷砖上,只能向相邻的黑色瓷砖移动。请写一个程序,计算你总共能够到达多少块黑色的…...