面试必问:

1、描述一下从url输入到页面展示的全过程?

2、描述一下html加载全过程?

html加载过程

  1. 用户输入url,浏览器判断其类型,如果是请求的url格式,则根据规则自动填充协议;如果是搜索内容,会交给搜索引擎生成对应的url
  2. URL请求过程
    浏览器进程会根据进程间通信把URL请求发送至网络进程,网络进程接收到url请求后,会在这里发起真正的URL请求流程
    首先,网络进程会查找本地缓存是否缓存了该资源
  1. 如果有,直接返回资源给浏览器进程
  2. 如果没有,则进入网络请求流程
  1. 请求前的第一步是进行DNS解析,以获取请求域名对应的IP地址,如果请求地址是https,那么还需要建立TLS/SSL连接
  2. 利用IP地址和端口号与服务器三次握手建立TCP连接,建立之后,浏览器会构建请求行、请求头、请求主体等信息,形成HTTP报文,并把cookie等数据附加到请求头中,然后向服务器发送构建的请求信息
  3. 服务器收到请求信息后,会根据请求信息生成响应数据,并发送给网络进程,等网络进程接受了响应行和响应头之后,就开始解析响应头的内容
  • 当状态码为 301,302时,需要重定向到其他 URL ,这时浏览器会读取 Location 字段中的 url 重复上述操作
  • 当状态码为 2 开头,代表响应成功

补充:

1)301和302的区别。

301和302状态码都表示重定向,就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址,这个地址可以从响应的Location首部中获取(用户看到的效果就是他输入的地址A瞬间变成了另一个地址B)——这是它们的共同点。

他们的不同在于。301表示旧地址A的资源已经被永久地移除了(这个资源不可访问了),搜索引擎在抓取新内容的同时也将旧的网址交换为重定向之后的网址;

302表示旧地址A的资源还在(仍然可以访问),这个重定向只是临时地从旧地址A跳转到地址B,搜索引擎会抓取新的内容而保存旧的网址。 SEO302好于301

2)重定向原因:
(1)网站调整(如改变网页目录结构);
(2)网页被移到一个新地址;
(3)网页扩展名改变(如应用需要把.php改成.Html或.shtml)。
这种情况下,如果不做重定向,则用户收藏夹或搜索引擎数据库中旧地址只能让访问客户得到一个404页面错误信息,访问流量白白丧失;再者某些注册了多个域名的网站,也需要通过重定向让访问这些域名的用户自动跳转到主站点等。

3)什么时候进行301或者302跳转呢?

当一个网站或者网页24—48小时内临时移动到一个新的位置,这时候就要进行302跳转,而使用301跳转的场景就是之前的网站因为某种原因需要移除掉,然后要到新的地址访问,是永久性的。

清晰明确而言:使用301跳转的大概场景如下:

  1. 域名到期不想续费(或者发现了更适合网站的域名),想换个域名。
  2. 在搜索引擎的搜索结果中出现了不带www的域名,而带www的域名却没有收录,这个时候可以用301重定向来告诉搜索引擎我们目标的域名是哪一个。
  3. 空间服务器不稳定,换空间的时候。
  1. 响应数据类型处理,在收到服务器传输过来的数据后,浏览器会根据响应头中的 Content-Type 字段,来决定如何显示响应体的内容。即不同 Content-Type 的后续处理流程是不同的,例如输入有些url会直接执行下载操作
    如果是HTML,那么浏览器会继续进行页面渲染,由于 Chrome 页面渲染是运行在渲染进程中的,所以接下来就需要准备渲染进程
  1. 状态码成功后,开始准备渲染进程
    默认情况下,chrome会为每个页面分配一个渲染进程,即每打开一个新页面,chrome就会创建分配一个新的渲染进程。但是在某些情况下,浏览器会让多个页面运行在同一个渲染进程中。Chrome 的默认策略是,每个标签对应一个渲染进程,但如果从一个页面打开了另一个新页面,而新页面和当前页面属于同一站点的化(暂且理解为根域名相同),那么新页面会复用父页面的渲染进程。
  2. 提交文档
    这里的文档 ,是 URL请求的响应体数据
  • 提交文档的信息由 浏览器进程 发出的,渲染进程接收到 提交文档 的消息后,会和网络进程建立传输数据的管道
  • 等文档数据传输完成后,渲染进程会返回 接受成功 的消息给 浏览器进程
  • 浏览器进程在收到成功的信息后,会更新浏览器界面状态,包括安全状态、地址栏的URL、前进后退的历史状态、并更新Web页面
  1. 读取页面内容,浏览器渲染,解析html源码
  2. 生成DOM树,解析css样式、js交互
  3. 浏览器展示

DNS解析

DNS解析:

1、 DNS

DNS是域名系统的英文缩写,是一种组织成域层次结构的计算机和网络服务命名系统,用于TCP/IP网络。

2、域名系统DNS的作用

通常我们有两种方式识别主机:通过主机名或者IP地址。人们喜欢便于记忆的主机名,而路由器喜欢定长的、有着层次结构的IP地址。为了满足这些不同的喜好,我们就需要一种能够进行主机名到IP地址转换的目录服务,域名系统作为将IP地址与域名相互映射的一个分布式数据库,能够使人更方便的访问互联网。

因此,即便不使用域名也可以通过IP地址来寻址目的主机,但域名与IP地址相比,便于人们记忆。因此对于大多数网络应用,我们一般使用域名来访问目的主机,而不是使用IP地址来访问。

对于本例,简单来说,当我们在浏览器输入某个Web服务器的域名时,用户主机首先会在自己的DNS高速缓存中查找该域名所对应的IP地址。

HarmonyOS 加载h5页面 html加载网页_前端

如果没有,则会向网络中的某台DNS服务器查询,DNS服务器中有域名和IP地址映射关系的数据库。当DNS服务器收到DNS查询报文后,在其数据库中查询,之后将查询结果发送给用户主机。

HarmonyOS 加载h5页面 html加载网页_HarmonyOS 加载h5页面_02

现在,用户主机中的浏览器可以通过Web服务器的IP地址对其进行访问了。

HarmonyOS 加载h5页面 html加载网页_域名服务器_03

3、域名的层级关系

层级关系特点:

  • 因特网采用层级树状结构的域名结构
  • 域名的结构由若干个分量组成,各分量之间用“点”隔开,分别代表不同级别的域名。
  • 每一级的域名都由英文字母和数字组成,不超过63个字符,不区分大小写字母。
  • 级别最低的域名写在最左边,而级别最高的顶级域名写在最右边。
  • 完整的域名不超过255个字符。
  • 域名系统既不规定一个域名需要包含多少个下级域名,也不规定每一级的域名代表什么意思。
  • 各级域名由其上一级的域名管理机构管理,而最高的顶级域名则由因特网名称与数字地址分配机构ICANN进行管理。

因特网的域名空间:

HarmonyOS 加载h5页面 html加载网页_HarmonyOS 加载h5页面_04

上图展示了 DNS 服务器的部分层次结构,从上到下依次为根域名服务器、顶级域名服务器和权威域名服务器。域名和IP地址的映射关系必须保存在域名服务器中,供所有其他应用查询。显然不能将所有信息都储存在一台域名服务器中。DNS使用分布在各地的域名服务器来实现域名到IP地址的转换。

域名服务器可以划分为以下四种不同的类型:

  • 根域名服务器 根域名服务器是最高层次的域名服务器。每个根域名服务器都知道所有的顶级域名服务器的域名及其IP地址。因特网上共有13个不同IP地址的根域名服务器。当本地域名服务器向根域名服务器发出查询请求时,路由器就把查询请求报文转发到离这个DNS客户最近的一个根域名服务器。这就加快了DNS的查询过程,同时也更合理地利用了因特网的资源。
  • 顶级域名服务器 这些域名服务器负责管理在该顶级域名服务器注册的所有二级域名。当收到DNS查询请求时就给出相应的回答(可能是最后的结果,也可能是下一级权限域名服务器的IP地址)。
  • 权限域名服务器 这些域名服务器负责管理某个区的域名。每一个主机的域名都必须在某个权限域名服务器处注册登记。因此权限域名服务器知道其管辖的域名与IP地址的映射关系。另外,权限域名服务器还知道其下级域名服务器的地址。
  • 本地域名服务器 本地域名服务器不属于上述的域名服务器的等级结构。当一个主机发出DNS请求报文时,这个报文就首先被送往该主机的本地域名服务器。本地域名服务器起着代理的作用,会将该报文转发到上述的域名服务器的等级结构中。本地域名服务器离用户较近,一般不超过几个路由器的距离,也有可能就在同一个局域网中。本地域名服务器的IP地址需要直接配置在需要域名解析的主机中。

4、DNS 域名解析过程

域名解析包含两种查询方式:递归查询和迭代查询

递归查询

如果主机所询问的本地域名服务器不知道被查询域名的IP地址,那么本地域名服务器就以DNS客户端的身份,向其他根域名服务器继续发出请求报文,即替主机继续进行查询,而不是让主机自己进行下一步查询。

我们以一个例子来了解DNS递归查询的工作原理,假设图中的主机 (IP地址为m.xyz.com) 想知道域名y.abc.com的IP地址。

  1. 主机首先向其本地域名服务器进行递归查询。
  2. 本地域名服务器收到递归查询的委托后,也采用递归查询的方式向某个根域名服务器查询。
  3. 根域名服务器收到递归查询的委托后,也采用递归查询的方式向某个顶级域名服务器查询。
  4. 顶级域名服务器收到递归查询的委托后,也采用递归查询的方式向某个权限域名服务器查询。

过程如图所示:

HarmonyOS 加载h5页面 html加载网页_域名服务器_05

当查询到域名对应的IP地址后,查询结果会在之前受委托的各域名服务器之间传递,最终传回给用户主机。

过程如图所示:

HarmonyOS 加载h5页面 html加载网页_前端_06

迭代查询

当根域名服务器收到本地域名服务器发出的迭代查询请求报文时,要么给出所要查询的IP 地址,要么告诉本地服务器下一步应该找哪个域名服务器进行查询,然后让本地服务器进行后续的查询。

迭代查询过程如下:

1、主机首先向其本地域名服务器进行递归查询。
2、本地域名服务器采用迭代查询,它先向某个根域名服务器查询。
3、根域名服务器告诉本地域名服务器,下一次应查询的顶级域名服务器的IP地址。
4、本地域名服务器向顶级域名服务器进行迭代查询。
5、顶级域名服务器告诉本地域名服务器,下一次应查询的权限域名服务器的IP地址。
6、本地域名服务器向权限域名服务器进行迭代查询。
7、权限域名服务器告诉本地域名服务器所查询的域名的IP地址。
8、本地域名服务器最后把查询的结果告诉主机。

过程如图所示:

HarmonyOS 加载h5页面 html加载网页_性能优化_07

由于递归查询对于被查询的域名服务器负担太大,通常采用以下模式:从请求主机到本地域名服务器的查询是递归查询,而其余的查询是迭代查询。

5、高速缓存

为了提高DNS的查询效率,并减轻根域名服务器的负荷和减少因特网上的DNS查询报文数量,在域名服务器中广泛地使用了高速缓存。高速缓存用来存放最近查询过的域名以及从何处获得域名映射信息的记录。

由于域名到IP地址的映射关系并不是永久不变,为保持高速缓存中的内容正确,域名服务器应为每项内容设置计时器并删除超过合理时间的项(例如,每个项目只存放两天)。

不但在本地域名服务器中需要高速缓存,在用户主机中也很需要。许多用户主机在启动时从本地域名服务器下载域名和IP地址的全部数据库,维护存放自己最近使用的域名的高速缓存,并且只在从缓存中找不到域名时才向域名服务器查询。同理,主机也需要保持高速缓存中内容的正确性。

如图所示:

HarmonyOS 加载h5页面 html加载网页_HarmonyOS 加载h5页面_08

如果本地域名服务器不久前已经有用户查询过域名为y.abc.com的IP地址,则本地域名服务器的高速缓存中应该存有该域名对应的IP地址。因此,直接把高速缓存中存放的上次查询结果(即y.abc.com的IP地址)告诉用户。

6、DNS相关面试问题

1、DNS为什么用UDP?

DNS 既使用UDP也使用TCP。

当进行区域传送(主域名服务器向辅助域名服务器传送变化的那部分数据)时会使用TCP,因为数据同步传送的数据量比一个请求一个应答的数据量要多,而TCP允许的报文长度更长,因此为了数据的正确性,会使用基于可靠连接的TCP。

当客户端向 DNS 服务器查询域名 ( 域名解析) 的时候,一般返回的内容不会超过 UDP 报文的最大长度,即 512 字节。用 UDP 传输时,不需要经过 TCP 三次握手的过程,从而大大提高了响应速度,但这要求域名解析器和域名服务器都必须自己处理超时和重传从而保证可靠性。

2、递归查询和迭代查询区别?

递归查询: 如果主机所询问的本地域名服务器不知道被查询域名的 IP 地址,那么本地域名服务器就以 DNS 客户端的身份,向其他根域名服务器继续发出查询请求报文,即替主机继续查询,而不是让主机自己进行下一步查询。

迭代查询: 当根域名服务器收到本地域名服务器发出的迭代查询请求报文时,要么给出所要查询的IP 地址,要么告诉本地服务器下一步应该找哪个域名服务器进行查询,然后让本地服务器进行后续的查询。

3、使用域名访问web服务器过程

4、讲讲DNS解析过程?

详细解析过程请看上文DNS域名解析过程,这里我们做一个总结:

浏览器缓存 ——> 系统hosts文件 ——> 本地DNS解析器缓存 ——> 本地域名服务器(本地配置区域资源、本地域名服务器缓存) ——> 根域名服务器 ——> 主域名服务器——》下一级域名域名服务器 客户端——》本地域名服务器(递归查询) 本地域名服务器—》DNS服务器的交互查询是迭代查询