朝城做网站公司,如何设立官方网站,全国建设通官网,龙湖网站建设MIME#xff0c;全称 “多用途互联网邮件扩展类型”。
这名称相当学术#xff0c;用人话来说就是#xff1a;
我们浏览一个网页的时候#xff0c;之所以能看到 html 文件展示成网页#xff0c;图片可以正常显示#xff0c;css 样式能正常影响网页效果#xff0c;js 脚…
MIME全称 “多用途互联网邮件扩展类型”。
这名称相当学术用人话来说就是
我们浏览一个网页的时候之所以能看到 html 文件展示成网页图片可以正常显示css 样式能正常影响网页效果js 脚本可以正常运行视频可以正常播放字体可以自定义都跟 MIME 有着密不可分的关系。
当我们引入 CSS 的时候会写一个 type“text/css”
link relstylesheet typetext/css href./index.css /当我们引入 JS 的时候会写一个 type“text/javascript”
script typetext/javascript src./index.js/script这就是 MIME 类型。
对于浏览器来说它从服务器拿到的资源不管是 CSS 还是 JS 还是 HTML都是一串字符串。
要让 CSS、JS、HTML 各司其职做好它该做的事情就要用 MIME 来进行判断。
当我们从服务器发起一个 HTTP 请求那么 HTTP 返回的 Content-Type 属性就对应了我们说到的这个 MIME 类型。 以上动图每个请求文件都有其对应的 Content-Type 属性和值不同的文件值不一样。
我们能够看到一个个正常的网页就是通过 Content-Type 来决定请求的文件如何渲染如何执行如何显示的。 但是在上一章【浏览器显示一个网页】中我们并没有看到返回 Contnet-Type 属性网页也能正常显示这是为什么呢
因为经过这么多年的发展现代浏览器已经具备较好的容错能力即使在某些情况下 MIME 类型缺失或错误它们也能够根据上下文推断资源类型并正确解析。 如果我们明确设置资源的 Content-Type 值比如上方截图中将 CSS 的返回 MIME 类型 Content-Type 的值设置为 text/html则 CSS 就会用 HTML 类型来解析从而导致字体并没有变成红色。
这就是 MIME 的作用我们要用 Node.js 开发一个 Web 框架MIME 是必须要了解的一个内容。
不同的资源类型要设置好正确的 MIME 类型。
那么接下来呢我们再来讲一讲 HTTP全称超文本传输协议。 如上图浏览器向服务器发起一个 HTTP 请求服务端则给浏览器返回对应的内容。 HTTP 请求分为 4 部分分别是请求行、请求头、空行、请求体。
HTTP 响应也凤尾 4 部分分别是响应行、响应头、空行、响应体。
其实 HTTP 请求和响应是一样的只不过名词不一样而已。 如上图所示我们通过浏览器的调试面板可以看到请求和响应的具体内容。
其中 (1) 处是请求行(2) 处是请求头(3) 处是响应头。 那么标头紧挨着的 “负载”就是请求体。 负载右边 “预览” 就是响应体。 预览右侧的 “响应” 也是响应体这是返回数据的原始格式预览只是可以更方便地查看和操作响应体。
了解和认识 MIME 和 HTTP 请求是 Web 全栈开发的前提和基础下一节内容我们继续完善 Web 框架最终用我们自己写的 Web 框架做一个前后分离的个人博客项目。