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

前端面试的话术集锦第 20 篇博文——高频考点（输入 URL 到页面渲染的整个流程）

news 2026/4/1 7:32:57

这是记录前端面试的话术集锦第二十篇博文——高频考点（输入 URL 到页面渲染的整个流程），我会不断更新该博文。❗❗❗

借用这道经典面试题，将之前学习到的浏览器以及网络几章节的知识联系起来。

首先是DNS查询，如果这一步做了智能DNS解析的话，会提供访问速度最快的IP地址回来。

1. DNS


DNS的作用就是通过域名查询到具体的IP。

因为IP存在数字和英文的组合（IPv6），很不利于人类记忆，所以就出现了域名。你可以把域名看成是某个IP的别名，DNS就是去查询这个别名的真正名称是什么。

在TCP握手之前就已经进行了DNS查询，这个查询是操作系统自己做的。当你在浏览器中想访问www.baidu.com时，会进行一下操作：

  1. 操作系统会首先在本地缓存中查询IP

  2. 没有的话会去系统配置的DNS服务器中查询

  3. 如果这时候还没得话，会直接去DNS根服务器查询，这一步查询会找出负责com这个一级域名的服务器

  4. 然后，去该服务器查询baidu这个二级域名

  5. 接下来，三级域名的查询其实是我们配置的，你

相关文章：

前端面试的话术集锦第 20 篇博文——高频考点（输入 URL 到页面渲染的整个流程）

这是记录前端面试的话术集锦第二十篇博文——高频考点（输入 URL 到页面渲染的整个流程），我会不断更新该博文。❗❗❗ 借用这道经典面试题，将之前学习到的浏览器以及网络几章节的知识联系起来。 首先是DNS查询，如果这一步做了智能DNS解析的话，会提供访问速度最快的IP地址…...

编程日记 2023/9/26 14:51:36

Android Jetpack Compose之确定重组范围并优化重组

目录 1.概述2.确定Composable重组的范围3.优化重组的性能3.1 Composable 位置索引3.2 通过Key添加索引信息3.3 使用注解Stable优化重组 1.概述 前面的文章提到Compose的重组是智能的，Composable函数在进行重组时会尽可能的跳过不必要的重组，只对需要变化…...

编程日记 2023/9/26 14:46:31

【JDK 8-集合框架进阶】6.1 parallelStream 并行流

一、parallelStream 并行流 1.1 串行 和 并行的区别 > 执行结果 二、问题 2.1 paralleStream 并行是否一定比 Stream 串行快? 2.2 是否可以都用并行？ > 报错 三、实战 > 执行结果 四、总结 一、parallelStream 并行流 多线程并发处理&#xff…...

编程日记 2023/9/26 14:45:30

C语言中结构体，枚举，联合相关介绍

本次重点： 1、结构体 ： （1）结构体类型的声明 （2）结构的自引用 （3）结构体变量的定义和初始化 （4）结构体内存对齐 （5）结构体传参 …...

编程日记 2023/9/26 14:44:29

【干货】GNSS连续运行基准站网

文章目录 01 ​概述02 基准站建设03 数据中心04 数据通信网络 01 ​概述 1. 基准站网的组成 卫星连续运行基准站网（Continuously Operating Reference Stations，缩写 CORS）是由若干连续运行基准站及数据中心、数据通信网络组成的&#xff0…...

编程日记 2023/9/26 14:42:27

如何使用iPhone15在办公室观看家里电脑上的4k电影，实现公网访问本地群晖！

如何使用iPhone15在办公室观看家里电脑上的4k电影？ 文章目录 如何使用iPhone15在办公室观看家里电脑上的4k电影？1.使用环境要求：2.下载群晖videostation：3.公网访问本地群晖videostation中的电影：4.公网条件下使用电脑…...

编程日记 2023/9/26 14:41:26

LeetCode之26.删除有序数组中的重复项和80.删除有序数组中的重复项II(C++)

文章目录 0 引言1 删除有序数组中的重复项1.1 解题方法1.2 C代码 2 删除有序数组中的重复项II2.1 解题方法2.2 C代码 0 引言 本文主要记录如何解决LeetCode中数组和字符串类别中的26.删除有序数组中的重复项（简单）及80.删除有序数组中的重复项II &#…...

编程日记 2023/9/26 14:37:21

linux驱动之input子系统简述

文章目录 一、什么是input子系统二、内核代码三、代码分析 一、什么是input子系统 Input驱动程序是linux输入设备的驱动程序，我们最常见的就按键，触摸，插拔耳机这些。其中事件设备驱动程序是目前通用的驱动程序，可支持键盘、鼠标…...

编程日记 2023/9/26 14:36:20

嵌入式裸机架构的探索与崩塌

为什么会想着探索下嵌入式裸机的架构呢？是因为最近写了一个项目，项目开发接近尾声时，发现了一些问题： 1、项目中，驱动层和应用层掺杂在一起，虽然大部分是应用层调用驱动层，但是也存在驱动层调用…...

编程日记 2023/9/26 14:32:14

MySQL高级语句(第二部分)

MySQL高级语句(第二部分)一、视图表 create view1、视图表概述2、视图表能否修改？（面试题）3、基本语法3.1 创建3.2 查看3.3 删除 4、通过视图表求无交集值 二、case语句三、空值(null) 和 无值(’ ) 的区别四、正则表达式五、存储过程1、简介…...

编程日记 2023/9/26 14:30:13

HTML计时事件（JavaScript）网页电子钟+网页计时器

setTimeout("函数","未来指定毫秒后调用函数"); clearTimeout(setTimeout("函数","未来指定毫秒后调用函数")); <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title>…...

编程日记 2023/9/26 14:29:11

使用群晖实现Videostation电影的大容量存储及分享教程

文章目录 1.使用环境要求2.制作视频分享链接3.制作永久固定视频分享链接 李哥和他的女朋友是一对甜蜜的情侣&#xff0c;但不幸的是&#xff0c;由于工作原因&#xff0c;他们目前分隔两地&#xff0c;无法常常亲密相伴。 这个距离让李哥特别怀念和女朋友一起在电影院观看电影的…...

编程日记 2023/9/26 14:25:07

后端大厂面试-15道题

1. 说说计算机存储结构 计算机存储结构通常包括这几个层次&#xff1a; 主存储器&#xff08;Main Memory&#xff09;&#xff1a;也称为内存&#xff08;RAM&#xff0c;Random Access Memory&#xff09;&#xff0c;主要用于存储当前正在执行的程序和数据。它是计算机中最…...

编程日记 2023/9/26 14:24:06

C++: 冒泡排序（Bubble Sort）

假设你有一列由数字组成的玻璃珠&#xff0c;这些珠子的重量不同&#xff0c;你希望将它们按照重量从轻到重排列。你会这样做&#xff1a; 从左到右&#xff0c;比较相邻的两颗珠子的重量。如果左边的珠子比右边的珠子重&#xff0c;就交换它们的位置。然后&#xff0c;继续向…...

编程日记 2023/9/26 14:22:05

跨域的解决方案

文章目录 概念一、什么是跨域问题二、为什么会发生跨域问题三、跨域解决方案1、JSONP2、添加响应头3、Spring注解CrossOrigin4、配置文件&#xff08;常用&#xff09;5、nginx跨域 概念 一、什么是跨域问题 前端调用的后端接口不属于同一个域&#xff08;域名或端口不同&…...

编程日记 2023/9/26 14:21:04

如何使用Java语言判断出geek是字符串参数类型，888是整数参数类型，[hello,world]是数组参数类型，2.5是双精度浮点数类型？

如何使用Java语言判断出geek是字符串参数类型&#xff0c;888是整数参数类型&#xff0c;[hello,world]是数组参数类型&#xff0c;2.5是双精度浮点数类型&#xff1f; Java是一种静态类型的编程语言&#xff0c;这意味着我们需要在编译时为变量指定具体的类型。但是&#xff…...

编程日记 2023/9/26 14:20:02

9.20华为机试-后端

1、丢失报文的位置 某通信系统持续向外发送报文&#xff0c;使用数组 nums 保存 n个最近发送的报文&#xff0c;用于在报文未达到对端的情况下重发。报文使用序号 sn 表示&#xff0c;序号 sn 按照报文发送顺序从小到大排序&#xff0c;相邻报文 sn 不完全连续且有可能相同。报…...

编程日记 2023/9/26 14:19:01

LC926. 将字符串翻转到单调递增(JAVA - 动态规划)

将字符串翻转到单调递增 题目描述动态规划 题目描述 难度 - 中等 LC926. 将字符串翻转到单调递增(JAVA - 动态规划) 如果一个二进制字符串&#xff0c;是以一些 0&#xff08;可能没有 0&#xff09;后面跟着一些 1&#xff08;也可能没有 1&#xff09;的形式组成的&#xff0…...

编程日记 2023/9/26 14:16:59

【高阶数据结构】哈希的应用 {位图；std::bitset；位图的应用；布隆过滤器；布隆过滤器的应用}

一、位图 1.1 位图概念 面试题 给40亿个不重复的无符号整数&#xff0c;没排过序。给一个无符号整数&#xff0c;如何快速判断一个数是否在这40亿个数中。【腾讯】 遍历查找&#xff1a;内存中无法存放40亿个整数&#xff08;约占内存15-16G&#xff09;&#xff1b;时间复杂…...

编程日记 2023/9/26 14:15:57

金融生产存储亚健康治理：升级亚健康 3.0 ，应对万盘规模的挑战

随着集群规模的不断扩大&#xff0c;硬盘数量指数级上升&#xff0c;信创 CPU 和操作系统、硬盘多年老化、物理搬迁等多种复杂因素叠加&#xff0c;为企业的存储亚健康管理增加了新的挑战。 在亚健康 2.0 的基础上&#xff0c;星辰天合在 XSKY SDS V6.2 实现了亚健康 3.0&#…...

编程日记 2023/9/26 14:13:54

每日算法题 21---54.螺旋矩阵

题目54.螺旋矩阵要求给你一个 m 行 n 列的矩阵 matrix &#xff0c;请按照 顺时针螺旋顺序 &#xff0c;返回矩阵中的所有元素。示例思路核心思路是用边界圈定遍历范围&#xff0c;按照固定方向循环遍历&#xff0c;每遍历完一条边就收缩对应边界&#xff0c;直到边界交叉终止&…...

编程新知 2026/4/1 7:10:48

VRCT终极指南：3步实现VRChat跨语言实时翻译，打破虚拟社交障碍

VRCT终极指南&#xff1a;3步实现VRChat跨语言实时翻译&#xff0c;打破虚拟社交障碍 【免费下载链接】VRCT VRCT(VRChat Chatbox Translator & Transcription) 项目地址: https://gitcode.com/gh_mirrors/vr/VRCT 您是否曾在VRChat的国际房间中&#xff0c;面对来自…...

编程新知 2026/4/1 6:50:06

别再死记硬背了！用eNSP模拟一个500人公司的真实网络（含VLAN、MSTP、VRRP完整配置）

从零构建500人企业网络&#xff1a;eNSP实战中的VLAN、MSTP与VRRP深度解析 当你第一次面对企业级网络规划时&#xff0c;是否曾被各种协议和配置弄得晕头转向&#xff1f;本文将以一个真实的500人企业网络为蓝本&#xff0c;带你用华为eNSP模拟器完成从需求分析到最终实现的完整…...

编程新知 2026/4/1 6:48:05

神州数码无线网络（AC+AP）实战部署与优化指南

1. 神州数码ACAP无线网络部署前的规划准备 第一次接触神州数码无线网络方案时&#xff0c;我被它简洁的架构设计惊艳到了。AC&#xff08;无线控制器&#xff09;AP&#xff08;接入点&#xff09;的组网模式&#xff0c;特别适合500-2000平米的中型企业办公环境。但在真正动手…...

编程新知 2026/4/1 6:37:56

trae中安装mcp报Cannot find package/ERR_MODULE_NOT_FOUND问题

简介 我在trae中安装高德地图的mcp和其他的mcp报出了以下错误&#xff0c;以此记录并分享给大家。 新的改变 node:internal/modules/esm/resolve:204 const resolvedOption FSLegacyMainResolve(pkgPath, packageConfig.main, baseStringified); ^ Error: Cannot find pack…...

编程新知 2026/4/1 6:29:39

Janus-Pro-7B入门指南：零基础Python调用与第一个AI应用创建

Janus-Pro-7B入门指南&#xff1a;零基础Python调用与第一个AI应用创建 你是不是对AI大模型充满好奇&#xff0c;想亲手试试调用一个强大的模型&#xff0c;但又觉得门槛太高&#xff0c;被各种复杂的部署和配置劝退&#xff1f;别担心&#xff0c;今天我们就来彻底解决这个问…...

编程新知 2026/4/1 6:13:23

当知识有了‘关系网‘：LightRAG如何让大模型‘秒懂‘你的文档？

想象一下&#xff0c;你有一座藏书万卷的图书馆&#xff0c;但你找书的方式只有一种——记住每本书某个页面的关键词&#xff0c;然后靠"猜"来定位。 这&#xff0c;就是传统RAG系统的尴尬处境。 今天要介绍的这个开源项目LightRAG&#xff0c;被顶会EMNLP 2025接收…...

编程新知 2026/4/1 5:29:00

第4章，[标签 Win32] ：SysMets3 程序讲解01

专栏导航 上一篇&#xff1a;第4章&#xff0c;[标签 Win32] &#xff1a;SysMets3 程序代码 回到目录 下一篇&#xff1a;第4章&#xff0c;[标签 Win32] &#xff1a;SysMets3 程序讲解02&#xff0c;iVertPos 本节前言 对于本节所讲解的知识&#xff0c;有可能&#xf…...

编程新知 2026/4/1 4:07:45

ArduinoLog：面向MCU的零开销C++嵌入式日志框架

1. ArduinoLog 项目概述ArduinoLog 是一款专为 Arduino 及兼容嵌入式平台&#xff08;包括 AVR、SAM、ESP8266 等&#xff09;设计的轻量级 C 日志框架。其核心设计哲学是“零运行时开销、零动态内存分配、全编译期可控”&#xff0c;在资源极度受限的微控制器环境中&#xff0…...

编程新知 2026/4/1 4:07:44

深入解析STM32 map文件：从编译到内存优化的关键步骤

1. 为什么STM32开发者必须掌握map文件分析 第一次接触STM32的map文件时&#xff0c;我和大多数新手一样感到一头雾水。这个由编译器自动生成的文本文件&#xff0c;乍看就像天书般难以理解。直到有次项目遇到内存不足的紧急情况&#xff0c;我才真正体会到map文件的价值——它不…...

编程新知 2026/4/1 3:35:13