2022届校招前端面试网络篇2

1.GET和POST请求的区别？

        1.Get方式一般用于获取/查询资源，Post方式一般用于更新资源。
        2.Get方式能获取到浏览器缓存中的资源，Post则不可以。

       3.传输数据的方式不同：

             GET请求的数据会附加在URL之后，以?分割URL和传输数据，多个参数用&连接。POST请求会把请求的数据放在HTTP请求体中。（Request body）

      4.传输数据的大小：

              在实际开发过程中，对于GET请求，特定的浏览器和服务器对URL的长度有限制。因此，在使用GET请求时，传输数据会受到URL长度的限制。

              对于POST，由于不是URL传值，理论上是不会受限制的，但是实际上各个服务器会规定对POST提交数据大小进行限制。

      5.安全性：

              POST的安全性比GET的高。比如，在进行登录操作，通过GET请求，用户名和密码都会暴露再URL上，因为登录页面有可能被浏览器缓存以及其他人查看浏览器的历史记录的原因，此时的用户名和密码就很容易被他人拿到了。除此之外，GET请求提交的数据还可能会造成Cross-site request frogery攻击

衍生问题1：你还了解什么请求？ get post之外的？

    1.HEAD：获得报文首部
           HEAD方法和GET方法一样，只是不返回报文的主体部分，用于确认URI的有效性及资源更新的日期时间等。
           具体来说：1、判断类型； 2、查看响应中的状态码，看对象是否存在（响应：请求执行成功了，但无数据返回）； 3、测试资源是否被修改过
           HEAD方法和GET方法的区别： GET方法有实体，HEAD方法无实体。

     2.PUT：传输文件
          PUT方法用来传输文件，就像FTP协议的文件上传一样，要求在请求报文的主体中包含文件内容，然后保存在请求URI指定的位置。但是HTTP/1.1的PUT方法自身不带验证机制，任何人都可以上传文件，存在安全问题，故一般不用。

    3.DELETE：删除文件
           指明客户端想让服务器删除某个资源，与PUT方法相反，按URI删除指定资源
    
    4.OPTIONS：询问支持的方法
          OPTIONS方法用来查询针对请求URI指定资源支持的方法（客户端询问服务器可以提交哪些请求方法）。

     5.TRACE：追踪路径
           客户端可以对请求消息的传输路径进行追踪，TRACE方法是让Web服务器端将之前的请求通信还给客户端的方法
    
     6.CONNECT：要求用隧道协议连接代理
            CONNECT方法要求在与代理服务器通信时建立隧道，实现用隧道协议进行TCP通信。主要使用SSL（安全套接层）和TLS（传输层安全）协议把通信内容加密后经网络隧道传输。

 

     衍衍生问题1：PUT和POST请求有什么区别？

            两种请求最大的不同之处就在于是否满足幂等性。

                   幂等性（idempotent、idempotence）：幂等是一个数学与计算机学概念，常见于抽象代数中。在编程中一个幂等操作的特点是执行多次或1次，其影响是相同的。

                  比如：
                       GET：客户端请求多次或1次，对请求的资源产生的影响是相同；
                       DELETE：删除多次或1次，其删除的数据范围都是相同的，影响是相同的;
                       PUT：将A值更新为B值，执行多次其最终结果仍是B值； 

                  POST：

                       用于提交请求，可以更新或者创建资源，是非幂等的，举个例子：
                       在用户注册功能上，每次提交都是创建一个用户账号，这个时候就用POST。

                   PUT:

                       用于向指定URL传送更新资源，是幂等的。
                       还是用户模块，比如修改用户密码，虽然提交的还是账户名跟用户密码这个俩个必填参数，但是每次提交都只是更新该用户密码,每次请求都只是覆盖原先的值。此时就该用PUT。

                   当需要以更新的形式来修改某一具体资源的时候，如何判断用PUT还是POST呢？
                         很简单，如果该更新对应的URI多次调用的结果一致，则PUT。如果每次提交相同的内容，最终结果不一致的时候，用POST。

 

2.四种常见的post请求方式（讲讲enctype属性）（HTTP请求 EncodingType，具体对什么内容编码？）？enctype 全称是（ EncodingType）

       注：enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"

开始介绍四种方式：

1.application/x-www-form-urlencoded
       这应该是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

       首先，Content-Type 被指定为 application/x-www-form-urlencoded；其次，提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式很好的支持，常用的如jQuery中的ajax请求，Content-Type 默认值都是「application/x-www-form-urlencoded;charset=utf-8

2.multipart/form-data
       这也是常见的post请求方式，一般用来上传文件，各大服务器的支持也比较好。所以我们使用表单 上传文件 时，必须让<form>表单的enctype属性值为 multipart/form-data.

注意：以上两种方式：application/x-www-form-urlencoded和multipart/form-data都是浏览器原生支持的。

3.application/json
        application/json作为响应头并不陌生，实际上，现在很多时候也把它作为请求头，用来告诉服务端消息主体是序列化的JSON字符串。

4.text/xml

         它是属于常见的媒体格式类型。

 

3.http请求头有哪些字段？

        Accept：浏览器可接受的MIME类型。
        Accept-Charset：浏览器可接受的字符集。
        Accept-Encoding：浏览器能够进行解码的数据编码方式，比如gzip。
        Accept-Language：浏览器所希望的语言种类，当服务器能够提供一种以上的语言版本时要用到。

        Connection：表示是否需要持久连接。如果Servlet看到这里的值为“Keep-Alive”，或者看到请求使用的是HTTP 1.1（HTTP 1.1默认进行持久连接），它就可以利用持久连接的优点，当页面包含多个元素时（例如Applet，图片），显著地减少下载所需要的时间。

        Content-Length：表示请求消息正文的长度。
        Cookie：设置cookie,这是最重要的请求头信息之一 。
        Host：初始URL中的主机和端口。
        If-Modified-Since：只有当所请求的内容在指定的日期之后又经过修改才返回它，否则返回304“Not Modified”应答。
        Pragma：指定“no-cache”值表示服务器必须返回一个刷新后的文档，即使它是代理服务器而且已经有了页面的本地拷贝。
       Referer：包含一个URL，用户从该URL代表的页面出发访问当前请求的页面。
       User-Agent：浏览器类型，如果Servlet返回的内容与浏览器类型有关则该值非常有用。

 

 

4.http的请求报文结构？

    一个HTTP请求报文由四个部分组成：请求行、请求头部、空行、请求数据。

     1.请求行

            请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成，它们用空格分隔。比如 GET /data/info.html HTTP/1.1

     2.请求头部

            HTTP客户程序(例如 浏览器)，向服务器发送请求的时候必须指明请求类型(一般是GET或者 POST)。如有必要，客户程序还可以选择发送其他的请求头。大多数请求头并不是必需的，但Content-Length除外。对于POST请求来说 Content-Length必须出现。

      3.空行

            它的作用是通过一个空行，告诉服务器请求头部到此为止。

      4.请求数据

            若方法字段是GET，则此项为空，没有数据

            若方法字段是POST,则通常来说此处放置的就是要提交的数据

 

5.http协议是传输的是数据流，那么浏览器怎么知道数据传输完了呢，通过什么机制实现的？

详细看：https://blog.csdn.net/p19777/article/details/99198929

         Transfer-Encoding，是一个 HTTP 头部字段，字面意思是「传输编码」。实际上，HTTP 协议中还有另外一个头部与编码有关：Content-Encoding（内容编码）。Content-Encoding 通常用于对实体内容进行压缩编码，目的是优化传输，例如用 gzip 压缩文本文件，能大幅减小体积。内容编码通常是选择性的，例如 jpg / png 这类文件一般不开启，因为图片格式已经是高度压缩过的，再压一遍没什么效果不说还浪费 CPU。

          而 Transfer-Encoding 则是用来改变报文格式，它不但不会减少实体内容传输大小，甚至还会使传输变大，那它的作用是什么呢？本文接下来主要就是讲这个。我们先记住一点，Content-Encoding 和 Transfer-Encoding 二者是相辅相成的，对于一个 HTTP 报文，很可能同时进行了内容编码和传输编码。

          在头部加入 Transfer-Encoding: chunked 之后，就代表这个报文采用了分块编码。这时，报文中的实体需要改为用一系列分块来传输。每个分块包含十六进制的长度值和数据，长度值独占一行，长度不包括它结尾的 CRLF（\r\n），也不包括分块数据结尾的 CRLF。最后一个分块长度值必须为 0，对应的分块数据没有内容，表示实体结束。

   例如：

require('net').createServer(function(sock) {
    sock.on('data', function(data) {
        sock.write('HTTP/1.1 200 OK\r\n');
        sock.write('Transfer-Encoding: chunked\r\n');
        sock.write('\r\n');
 
        sock.write('b\r\n');
        sock.write('01234567890\r\n');
 
        sock.write('5\r\n');
        sock.write('12345\r\n');
 
        sock.write('0\r\n');
        sock.write('\r\n');
    });
}).listen(9090, '127.0.0.1');

      上面这个例子中，我在响应头中表明接下来的实体会采用分块编码，然后输出了 11 字节的分块，接着又输出了 5 字节的分块，最后用一个 0 长度的分块表明数据已经传完了。用浏览器访问这个服务，可以得到正确结果。 

       答案：服务器返回的响应通过 在头部加入 Transfer-Encoding: chunked 之后，就代表这个报文采用了分块编码。这时，报文中的实体需要改为用一系列分块来传输。每个分块包含十六进制的长度值和数据，长度值独占一行，长度不包括它结尾的 CRLF（\r\n），也不包括分块数据结尾的 CRLF。最后一个分块长度值必须为 0，对应的分块数据没有内容，表示实体结束。

 

6.HTTP和websocket的区别?

          1.http协议是用在应用层的协议，它是基于tcp协议的，要通过三次握手建立连接。而WebSocket 协议是HTML5 的一种新协议，它只需要使用http来进行一次握手可实现浏览器/移动端和服务器建立全双工通信。

          2. http连接分为短连接，长连接。在http连接下客户端是主动的，服务器是被动的，也就是说它是单向的。 而WebSocket是为了解决客户端发起多个http请求到服务器、资源浏览器都必须要经过长时间的轮训问题而生的，在webSocket协议下客服端和浏览器可以同时发送信息。

          3.建立了WenSocket之后服务器不必在浏览器发送request请求之后才能发送信息到浏览器。这时的服务器可以主动发送信息到服务器。而且信息当中不必再带有head的部分信息了。相对于http的长连接通信，这种方式，不仅能降低服务器的压力。而且信息当中也减少了部分多余的信息。

 

衍生问题1： HTTP的长连接与websocket的持久连接有什么区别？

           1.HTTP1.1的连接默认使用长连接，即在一定的期限内保持链接，客户端会需要在短时间内向服务端请求大量的资源，保持TCP连接不断开。客户端与服务器通信，必须要由客户端发起然后服务器返回结果。客户端是主动的，服务器是被动的。而且在一个TCP连接上可以传输多个Request/Response消息对，所以本质上还是Request/Response消息对，仍然会造成资源的浪费、实时性不强等问题。  

           2.websocket的持久连接只需建立一次Request/Response消息对，之后都是TCP连接，避免了需要多次建立Request/Response消息对而产生的冗余头部信息。