前端学习计算机网络——详解DNS具体作用过程

简介: 设身处地想一下,若你想让用户记住你的网站,你总不能让他记一大串数字吧,更何况,以后用到IPv6,需要记忆的数字更多,所以最好的做法就是给这些IP一个名称,我们称之为域名,而当我们访问这些域名的时候,具体访问哪个IP这件事就要交给DNS去做了,本文也将详细介绍一下DNS的具体作用过程

一、域名


文章开头简单介绍了什么是域名,那么我们来看看域名到底长什么样


例如我们常见的 www.baidu.combaidu.com 就是百度官网的域名,其中 baidu 是百度申请这个域名时自己起的名字,.com 表示的就是该域名所属的服务器,这里我们将这种域名称为顶级域名,也可以叫它一级域名


还有一些域名,例如 example.cn.com 称之为二级域名example.mail.cn.com 称之为三级域名 ……


总得来说可以理解为域名中有几个 . ,就称之为几级域名


现在市面上所有的域名都会由某个服务器进行管理的,例如 .comcom服务器 管理 、.cncn服务器 管理


那么这些管理域名的服务器又由一个根(root)服务器来进行管理,所以它们的层级关系就像一个树结构,如下图所示:


2cd87b2171a5053d101a40cd533736c9.png


图中,com服务器 内有一个 cn 服务器,而 cn服务器 内又管理着一个 mail服务器,这样的层级关系就可以用于获取 三级域名 example.mail.cn.com 对应的IP地址了


因此我们可以把该树结构层次为2的所有结点的域名称为第一层域名;将层次为3的所有结点的域名称为第二层域名;层次为4的所有结点的域名称为第三层域名,以此类推


二、DNS


DNS(Domain Name System)其实是一个管理着域名和IP地址之间的有效关系的系统,相当于一个大型的数据库


我们的主机通过域名请求某个网页时,会先向我们设置的DNS服务器发送请求,然后DNS服务器向最近的一个根服务器发送请求,根服务器会将第一层域名服务器的IP访问地址返回给DNS服务器,接着DNS服务器会根据这个IP地址去访问对应的域名服务器,若域名具有多个层级,则域名服务器会接着返回下一层次域名服务器的IP地址给DNS以便于其深度访问


我们来看一下访问 example.mail.cn.com 的简化过程图


abeb551aa3f5858556bbd505a948e563.png


为了提高效率,DNS服务器还提供了一种技术叫做高速缓存,是用于短时存储已访问过的域名服务器IP的,因此DNS服务器真正的作用顺序不是先向根服务器发送请求,而是先查询缓存中是否有想要获得的IP地址,若有则直接返回给我们主机;若没有则按照上述流程进行请求


假设我们刚才已经请求访问过 example.mail.cn.com 了,那么此时再次请求该域名对应的网址时,可以从缓存中直接读取真正的IP地址,过程如图所示:


6af47d4475a46e7b4b841a5071f97aa6.png


其实DNS服务器的缓存时间不会特别长,因为如果你第一次访问完后缓存了IP,然后此时原IP地址改掉了,那么我们每次访问的都是旧的IP地址,就会一直报错,所以缓存时间较短就是为了避免这样的问题

相关文章
|
11月前
|
前端开发 JavaScript 算法
【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
transition过渡属性 早期在Web中要实现动画效果,都是依赖于JavaScript或Flash来完成。 但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的CSS事件来触发元素的外观变化, 让效果显得更加细腻。简单点说,就是通过鼠标经过、获得焦点,被点击或对元素任何改变中触发, 并平滑地以动画效果改变CSS的属性值。 在CSS中创建简单的过渡效果可以从以下几个步骤来实现: 在默认样式中声明元素的初始状态样式; 声明过渡元素最终状态样式,比如悬浮状态; 在默认样式中通过添加
512 1
|
11月前
|
前端开发 JavaScript 算法
【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
transform变形 css3在原来的基础上新增了变形和动画相关属性,通过这些属性可以实现以前需要大段JavaScript才能实现的 功能。 CSS3的变形功能可以对HTML组件执行位移、旋转、缩放、倾斜4种几何变换,这样的变换可以控制HTML组件 呈现出丰富的外观。 借助于位移、旋转、缩放、倾斜这4种几何变换,CSS3提供了transition动画。 transition动画比较简单,只要指定HTML组件的哪些CSS属性需要使用动画效果来执行变化,并指定动画时间,就可保证动画播放。 比transitio
524 1
|
存储 前端开发 JavaScript
调用DeepSeek API增强版纯前端实现方案,支持文件上传和内容解析功能
本方案基于DeepSeek API增强版,提供纯前端实现的文件上传与内容解析功能。通过HTML和JavaScript,用户可选择文件并调用API完成上传及解析操作。方案支持多种文件格式(如PDF、TXT、DOCX),具备简化架构、提高响应速度和增强安全性等优势。示例代码展示了文件上传、内容解析及结果展示的完整流程,适合快速构建高效Web应用。开发者可根据需求扩展功能,满足多样化场景要求。
4452 64
|
域名解析 存储 缓存
深入学习 DNS 域名解析
在平时工作中相信大家都离不开 DNS 解析,因为 DNS 解析是互联网访问的第一步,无论是使用笔记本浏览器访问网络还是打开手机APP的时候,访问网络资源的第一步必然要经过DNS解析流程。
1725 31
|
Dart 前端开发 架构师
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
776 26
|
机器学习/深度学习 编解码 前端开发
探索无界:前端开发中的响应式设计深度解析####
【10月更文挑战第29天】 在当今数字化时代,用户体验的优化已成为网站与应用成功的关键。本文旨在深入探讨响应式设计的核心理念、技术实现及最佳实践,揭示其如何颠覆传统布局限制,实现跨设备无缝对接,从而提升用户满意度和访问量。通过剖析响应式设计的精髓,我们将一同见证其在现代Web开发中的重要地位与未来趋势。 ####
454 7
|
编解码 前端开发 UED
探索无界:前端开发中的响应式设计深度解析与实践####
【10月更文挑战第29天】 本文深入探讨了响应式设计的核心理念,即通过灵活的布局、媒体查询及弹性图片等技术手段,使网站能够在不同设备上提供一致且优质的用户体验。不同于传统摘要概述,本文将以一次具体项目实践为引,逐步剖析响应式设计的关键技术点,分享实战经验与避坑指南,旨在为前端开发者提供一套实用的响应式设计方法论。 ####
504 4
|
前端开发 开发者 C++
独家揭秘:前端大牛们如何高效学习新技术,保持竞争力!
【10月更文挑战第31天】前端技术飞速发展,如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略,揭示了高效学习的秘诀:明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法,大牛们能更好地掌握新技术,保持竞争力。示例代码展示了如何通过实践加深理解。
419 4
|
缓存 前端开发 JavaScript
前端的全栈之路Meteor篇(二):容器化开发环境下的meteor工程架构解析
本文详细介绍了使用Docker创建Meteor项目的准备工作与步骤,解析了容器化Meteor项目的目录结构,包括工程准备、环境配置、容器启动及项目架构分析。提供了最佳实践建议,适合初学者参考学习。项目代码已托管至GitCode,方便读者实践与交流。
462 6
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
2418 1