一、浏览器输入URL会发生什么

news2024/12/24 9:10:44

参考链接:B站视频链接:https://www.bilibili.com/video/BV1qL411G7uj/

本视频讲述了HTTP协议及其工作原理,包括HTTP协议的三次握手建立TCP连接、HTTP请求报文、HTTP响应报文等。同时,本视频还介绍了浏览器解析域名并建立TCP连接的过程,以及现代浏览器使用SLL和TCP连接的方式。–以上内容由模型基于视频内容生成,仅供参考

浏览器输入url 会发生什么? (协议、域名、路径、具体定位到的资源)

URL是什么? 会什么输入 www.baidu.com 会跳转?

URL: Uniform Resource(资源) Locator(定位器) 统一资源定位器

一个网址有哪些组成:

https://www.bilibili.com/video/BV1aj411D7y7/?spm_id_from=333.337.search-card.all.click&vd_source=f069debb88bbe421f4c5b68e242f9165

https: 更加的安全 (ssl 跟 TLS 更为复杂,)
域名:www.bilibili.com
路径:video
具体定位的资源: /BV1aj411D7y7/?spm_id_from=333.337.search-card.all.click&vd_source=f069debb88bbe421f4c5b68e242f9165,

就好比在某个文件夹下找这张图片存放的地址

为什么输入www.baidu.com会跳转,因为它会先解析成具体的 ip 地址(DNS查找,如果互联网是一本书,DNS就是这本书的目录),

1、向服务器发起请求

发起请求做了哪些? 有什么详细步骤
1.1、DNS 解析,看图片DNS解析.png, 会先在缓存中读取,直到被解析成ip地址 查看DNS解析.png
在这里插入图片描述

  缓存怎么理解:比如我在厦门,会去福建的服务器去请求, 没有取中国的,没有得话就在全世界 13个根服务器获取, 
  百度搜索: 服务区,公共的,全球

1.2、客户端 向 服务器发起请求报文.png

1.3、TCP三次握手, https://juejin.cn/post/6844904070000410631?searchId=20230918200215B6C245748768E713680A
    三次握手: 查看三次握手图片
    “喂,你听得到吗?”
    “我听得到呀,你听得到我吗?”
    “我能听到你,今天 balabala……”

在这里插入图片描述

2、服务器返回响应 html、css、js

在这里插入图片描述
在这里插入图片描述

3、页面开始解析

解析 渲染 执行
webkit => html/css
v8 => js
AST 抽象语法树 (Abstract(抽象) Syntax(语法) Tree)

AST 解析语法树, 查看AST.png图片
在这里插入图片描述

5、最后根据DOM展示的数据添加样式,生成页面

这里可以看第二篇文章(事件环、任务队列)

6、TCP四次挥手,断开链接 查看四次挥手.png

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1041589.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Failed to load property source from location ‘classpath:/application.yml‘

前言 给同学部署项目的时候出现了这个错误,困扰我半天,搞了一下午,最后Google找到了答案。 在这里记录一下! 解决方案 第一步:删除原有yml文件,把内容复制下来,重新写一个然后再粘贴进去 …

基于微信小程序的车位预定系统设计与实现(源码+lw+部署文档+讲解等)

文章目录 前言用户的主要功能有:管理员的主要功能有:具体实现截图论文参考详细视频演示为什么选择我自己的网站自己的小程序(小蔡coding)有保障的售后福利 代码参考源码获取 前言 💗博主介绍:✌全网粉丝10W…

96.不同的二叉搜索树

​ 题目: 96. 不同的二叉搜索树 中等 2.4K 相关企业 给你一个整数 n ,求恰由 n 个节点组成且节点值从 1 到 n 互不相同的 二叉搜索树 有多少种?返回满足题意的二叉搜索树的种数。 示例 1: 输入:n 3 输出&#xf…

debian设置允许root登录

新debian安装后默认不能使用root登录,下文给出解决办法。 备份此文件 cp /etc/gdm3/daemon.conf /etc/gdm3/daemon.conf.bk 修改 /etc/gdm3/daemon.conf,在[security]下面新增AllowRoot true 保存。接着修改 /etc/pam.d/gdm-password 文件&#xff0…

Feign 使用篇

Feign是一个声明式的HTTP客户端工具,它简化了在分布式系统中进行服务间通信的过程。开发人员可以使用Feign来定义接口,然后通过该接口来调用远程服务,就像调用本地方法一样简单。 目录 Feign的一些关键特性和概念:openfeign 对比 …

算法:O(1) 时间插入、删除和获取随机元素---哈希表+动态数组

1、题目: 实现RandomizedSet 类: RandomizedSet() 初始化 RandomizedSet 对象bool insert(int val) 当元素 val 不存在时,向集合中插入该项,并返回 true ;否则,返回 false 。bool remove(int val) 当元素…

基于jquery开发的Windows 12网页版

预览 https://win12.gitapp.cn 首页代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"refresh" content"0;urldesktop.html" /> <meta name"viewport&…

上海亚商投顾:沪指放量涨1.55% AI概念股全线爆发

上海亚商投顾前言&#xff1a;无惧大盘涨跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 一.市场情绪 三大指数9月22日放量反弹&#xff0c;沪指午后涨超1%&#xff0c;重返3100点上方&#xff0c;创业板指涨超2%…

通过monorepo管理多个子项目

通过monorepo管理多个子项目 1. Monorepo模式 在Monorepo 模式下,根目录通常不建议直接安装依赖,而是通过工作区(workspaces)来管理依赖。 但是在一些情况下,在根目录安装一些共享依赖也是可以的。 在根目录安装开发相关的依赖 如TypeScript, ESLint, Jest等。这些可以被所有…

手把手教 - 开源库 libmodbus 的RTU-Master 的使用笔记

测试环境&#xff1a;基于nuc980开发板 Linux信息&#xff1a;Linux buildroot 4.4.289 #8 PREEMPT Thu Sep 21 14:29:45 CST 2023 armv5tejl GNU/Linux 目录&#xff1a; 一、libmodbus 库简介 二、下载链接 三、移植准备 四、移植过程和完整代码 五、测试结果 一、libmodbus …

虚拟机数据恢复:Stellar Data Recovery for Virtual Machine

虚拟机数据恢复-----Crack Version Stellar Data Recovery for Virtual Machine 软件可从 VMware (.vmdk)、ORACLE (.vdi) 和 Microsoft (.vhd) 虚拟映像文件中恢复丢失和删除的数据。 从 VMDK、VDI 和 VHD 虚拟映像文件中恢复数据提供原始恢复选项来恢复数据从已删除或无法识…

太阳能供电模块

基于Solar Cell的锂电池充放电模块 由于一些需求&#xff0c;最近做了一款基于太阳能的锂电池充放电模块。该模块能够利用太阳能为锂电池充电和为负载提供5V的电压&#xff0c;在太阳能不充足的条件下&#xff0c;由锂电池提供需要的能量。 主要思路是将太阳能板获得的能量存储…

嵌入式Linux学习(1)——通信总线协议简介

目录 一. UART 1.1 单工/双工通信 ​编辑 1.2 UART帧格式 1.2.1 Q/A 1.3 UART硬件结构 二. 基于UART的协议 2.1 RS232 2.1.1 RS232协议存在的问题 2.2 RS485 2.2.1 差分信号 2.2.2 RS485优势 三. IIC 3.1 通信过程 3.2 IIC总线寻址 3.3 IIC总线信号 3.3.1 起始…

USB转2路RS422串口

基于USB转2路串口芯片CH342&#xff0c;可以为各类主机扩展出2个独立的串口。CH342芯片支持使用操作系统内置的CDC串口驱动&#xff0c;也支持使用厂商提供的VCP串口驱动程序&#xff0c;可支持Windows、Linux、Android、macOS等操作系统。因CDC类协议和类驱动的原因&#xff0…

多通道振弦数据记录仪在预防地质灾害中的重要性

多通道振弦数据记录仪在预防地质灾害中的重要性 地质灾害是指在地表或岩体内部发生的、由地质原因引起的、对人类生命、财产和环境安全造成威胁或损害的各种灾害。地质灾害的预测和预防对于保障人民生命财产安全、维护社会稳定和可持续发展具有重要的意义。而多通道振弦数据记…

九章云极DataCanvas公司智算中心正式落地

为构建全社会数字经济提供高效的计算底座&#xff0c;向全市场提供高效高速的智算能力&#xff0c;为用户提供算法算力一体化的服务&#xff0c;九章云极DataCanvas公司智算中心落户安徽省马鞍山市&#xff0c;并于9月4日成功举行“马鞍山市花山区垂直行业人工智能大模型训练算…

Easysearch 压缩功能的显著提升:从 8.7GB 到 1.4GB

引言 在海量数据的存储和处理中&#xff0c;索引膨胀率是一个不可忽视的关键指标。它直接影响了存储成本和查询性能。近期&#xff0c;Easysearch 在这方面取得了显著的进展&#xff0c;其压缩功能的效果远超过了之前的版本。本文将详细介绍这一进展。 Easysearch 各版本压缩性…

大屏大概是怎么个开发法(前端)

写在前面&#xff0c;博主是个在北京打拼的码农&#xff0c;从事前端工作5年了&#xff0c;做过十多个大大小小不同类型的项目&#xff0c;最近心血来潮在这儿写点东西&#xff0c;欢迎大家多多指教。 对于文章中出现的任何错误请大家批评指出&#xff0c;一定及时修改。有任何…

Vue 使用vue完成登录+注册前后端交互的实现

前言&#xff1a; 我们上一篇已经讲解了如何使用vue去构建一个SPA项目。今天我们就在昨天的基础之上完成登录注册前后端交互的实现。 我们使用Vue构建登录注册前后端交互的实现有以下好处、意义和效率&#xff1a; 好处&#xff1a; 响应式渲染&#xff1a;Vue采用了虚拟DOM技术…