Skip to content

资源

什么是资源

在浏览器需求某一个数据或文件进行解析或者浏览器在解析某个脚本的时候需要数据进行DOM渲染等工作,那么这个数据或文件就是浏览器所需要的资源。

资源怎么获取

浏览器的资源都必须通过请求的方式或从缓存中调出的方式进行获取。

资源请求的过程

  1. 浏览器的HTTP三次握手

  2. 在第三次握手的同时进行通信

  3. 通信就是向某个主机请求资源

    主机:本地的计算机(文件系统)

    ​ 本地或远程的服务器 (文件系统)

  4. 资源从对象主机相应回客户端(浏览器)

  5. 浏览器对资源进行加载解析。

示例:file服务

向本地的计算机请求资源

image-20240408211825336

示例:HTTP服务

网络请求

前提:

一定要有一个服务器

文件一定是保存在服务器文件系统上的。

服务器程序

webpack-dev-server 可以在本地启动一个HTTP服务。

image-20240408213706832

注意:响应回来的资源,不一定能被浏览器解析。可能是word, pdf等资源。这些资源可以下载到本地,或者使用其他软件加载。

这些资源都需要请求和响应。

通过接口URL响应回来的数据,也是一种资源。本质上和文件的请求是一样的,只是响应回来的东西格式不一样。

如下:响应回来的 Content-Type是 application/json

image-20240408215336582