前端网络知识

最新推荐文章于 2024-03-22 15:29:04 发布
最新推荐文章于 2024-03-22 15:29:04 发布
阅读量715 收藏 1
点赞数
分类专栏： 笔记 文章标签： 网络 web javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44756776/article/details/116695269
版权

文章目录

网络基础知识

局域网

  1. 两个计算机通过网线便可互相访问对方的数据
  2. 在一个计算机上开两个网口，三台计算机便可互相访问对方的数据

这样的方式一致沿用至今(局域网)
随着互联的计算机越来越多，这种方法显然不可取，所有就想出来了中转, 这样多台计算机便可相互访问(这个中转就是路由器(家用);—这样一来，数据的传输就需要协议(类似于邮局寄信)

局域网：见图(网络应用)

  1. 现在的计算机(各种电子设备，平板，手机，小爱音箱啥的)都是冯诺依曼计算机(计算机之父)
  • 运算器 ：CPU GPU(精确运算，浮点数)-显卡
  • 存储器:
    内存(断点数据清空，读写速度快)
    硬盘(辅存)：(数据可以持久化，数据读写相对较慢)
  • 控制器
    主板上的一些器件
  • 输入设备
    键盘 鼠标 麦克风 网口
  • 输出设备
    显示器，耳机 网口

(计算机科学之父)—图灵

IP地址与公用网络

局域网之间的连接—也通过一个路由器(工业的 - 比如一个小区的路由器)

  1. IP地址

  2. IP地址的格式：四个段xxx.xxx.xxx.xxx 每个段都由0-255(8bit)

IPV4地址为32位:前面n位为网络号，后面32-n位为主机号
IPV6地址为128位
子网掩码：前面IP中网络号(前面24bit) 后面8bit为主机号

  1. IP地址的分类
    一个IP地址分为两个部分：网络ID，主机ID

只研究前三类

一个网络中能容纳的主机数：A类 > B类 > C类
A类：0.0.0.0 ~ 127.255.255.255(一个网络能有1600+万台)
B类：128.0.0.0 ~ 191.255.255.255(172.16.0.0 ~ 172.31.255.255 -私有网络)
C类：192.0.0.0 ~ 223.255.255.255(192.168.xxx.xxx -私有网络)
家用的一般都是C类IP地址
D类：(多播地址)
E类：

同一网络内IP地址不能冲突，但是不同的网络内IP地址可以重复

如果你想搭建一个服务器，让别人能够访问到，就必须有一个公网IP(可能不止一个)
我们自己之间能够相互访问，是因为互相形成了一个局域网
我们能访问到百度，是因为百度有一个公网IP(可能不止一个)
我们之所以能给其他路由器之下的朋友发微信，是因为我们的数据先传到了自己的路由器，然后再传到三大营业商的路由器，再转到腾讯微信的公网，然后腾讯的公网会查看你发送的地址，然后你朋友就可以收到你发的信息(前提是你朋友微信已登录，这样才能发送)

云穿透

域名与DNS解析过程

www.baidu.com ->域名
问：能通过域名访问到机器吗？
答：不能
网络只识别一个东西叫做IP地址

  • 用域名和IP形成了对应关系，给IP起名

首先，计算机是不知道域名对应的IP的.
然后计算机会问路由器(每个路由器都有一个域名Ip的映射表)
如果路由器认识这个域名，就返回一个IP，然后计算机访问这个IP
如果计算机不认识，他就问上一层路由器，
如果问到了城市级别的路由器，如果还没有问到，就问这个路由器的DNS服务器。
如果DNS服务器不认识这个域名，继续向上级DNS服务器查找.

往上推总会找到-因为最终有一台总的服务器(但一般到达不了这里)

互联网刚建立的时候，13台总的DNS服务器(有一台就可以找到-中国就有一台)

访问过的域名就会自动缓存(不会继续耗时查找)

面试问题:当向浏览器的地址栏中输入一个url按回车之后，网络中都会发生什么?

答：比如输入的是123.xyz；

  1. 看浏览器的缓存
  2. 看本机host文件(里面有这个映射关系) 127.0.0.1(默认指自己的这一台机器) - localhost 本机的host是无法缓存的，除非手动修改host文件

在Linux或mac或者就是127.0.0.0(指向本机IP)-未知的Ip

  1. 家用路由器
  2. 上级路由、城市的LDNS(local)服务器
  3. 继续向上级的DNS服务器找
  4. gDNS服务器(拥有全球的IP地址)

五层网络模型

  1. 应用层:HTTP协议、DNS协议
  2. 运输层：TCP协议(如果没有传到，就会重传-是可靠的传输)、UDP协议(我发一个就不管了，传到就算，没有传到拉倒-不可靠的传输)
  3. 网络层：最大的一个概念就是IP地址–对应了一个IP协议(两个字段，存着SA DA)
  4. 数据链路层：
  5. 物理层：介质不一样，数据传输的速率不一样

层级关系：用了TCP协议，就必须基于IP协议，用了HTTP协议，就必须基于TCP协议

HTTP 协议分为两个部分(HTTP协议也就是个字符串)：

  1. 请求:Reqeuest
    请求方式 路径 协议版本
    在后面就是各种属性：host、connection、浏览器类型…
  2. 响应：Response
  • 发出(加密–自上而下)
    物理层的协议 TCP/IP协议(SA DA,对方的端口) HTTP协议（请求头） Reqeust Headers
  • 收到(解密–自下而上)
    见网络录播课资料的ppt

端口就相当于是目的地址的不同应用程序(比如给DA的微信发是xx1端口,给DA计算机qq发的话是xx2端口)
数据链路层和物理层都是硬件层 mac地址(物理地址)-在数据链路层

HTTP协议

HTTP协议是明文协议

  1. 请求：Request
    • 请求头
    • 数据体

请求头格式：请求方式 url 协议版本
常用的请求方式有GET/POST,还有不常用的HEAD,PUT,DELETE

面试题目

GET和Post区别?

  • get请求

请求头:GET /path?a=1&b=2 HTTP1.1
属性：
Host:www.baidu.com
Connection:keep-alive
User-Agent:用来记录自己是什么浏览器，但是由于浏览器大战这个字段变得特别乱
GET方式最大的特点就是请求的参数都在url里面,GET请求发的参数可以不在url里，但是那只是理论上的可以，我们现在使用的是基于在web网络环境下的HTTP协议，所以请求的参数都在url里面
GET请求数据体很少

  • post

发生文件用Post请求方式
请求头:POST /path?a=1&b=2 HTTP1.1
属性：
Host:www.baidu.com
Connection:keep-alive
User-Agent
传文件的一些信息
POST请求数据体很大

  1. 响应：Response

响应头：协议版本 状态码 message
一些其他参数：
cache-Control:max-age 86400 意思就是保留86400s(1天)，如果一天之内还请求，就不发送，直接展示这个页面
content-Length:内容长度
Server:Apache (Apache服务器)

数据体：

GET与POST区别

重点：面试会考

  1. 是基于什么前提的? 如果什么前提都没有，也就是不使用任何规范，只考虑语法和理论上的HTTP协议。

GET和POST几乎没有什么区别，只有名字不一样；

  1. 基于RFC规范的
    (1)理论上的(Specification)：GET和POST具有相同语法的，但是有不同的语义.GET是获取数据的，POST是用来发送数据的，其他方面，没有区别.
    (2)实现上的(Implementation)：各种浏览器，就是这个规范的实现者，所以才有常见的不同:
    a. GET的数据在url是可见的.POST请求是不显示在url

注意，url不一定都在地址栏中，完整的url在network中requestHeaders查看
b. GET请求对长度有限制，POST的长度是无限的;
c. GET请求的数据可以收藏为书签，POST请求到的数据不可收藏为书签
d. GET请求后，按后退按钮、刷新按钮无影响,POST数据会被重新提交
e. GET编码类型：application/x-www-form-url，Post编码类型有很多种：
encodeapplication/x-www-form-urlencoded 加密的
multipart/form-data
f. GET历史参数会被保留在浏览器中，post是不会保存在浏览器中
g. GET只允许ASCII(America Standard Code for Information Interchange)，Post是没有编码限制的,甚至允许发二进制
h. GET 与POST相比，GET安全性较差，因为GET请求所发的数据是url的一部分.(浏览器和服务器会保存信息)

cookie与session

cookie

  1. 如果我们用JS的变量来存数据，那么在页面关闭的时候，数据就消失了.
  2. 保持登陆状态(跨页面)

按照正常的HTTP协议来说，是做不到的，因为HTTP协议也叫上下文无关协议

  1. 前端页面上，是要一个可以持久化存储数据的东西，一旦登陆成功，我就记载在这个里面—cookie(有域名限定，百度只能往自己的域名下装cookie，不同的域名只能往自己的域名下装cookie)

  2. cookie是有限制的
    cookie

自动登陆过程

  1. 初始状态：没有登陆
  2. 访问百度的登录，输入用户名，密码
  3. 如果用户名和密码是正确的，百度的后端会向这个域名下，设置一个cookie，写入用户的基本信息(加密)
  4. 以后每一次向百度发送请求，浏览器都会自动带上cookie
  5. 服务端(后端)看到了带有id的cookie，就可以解析这个加密的id来获取到这个用户本身的id
  6. 如果能获取到本身的id，那么证明这个用户已经登录过了，所以后端可以继续保留用户的信息;

缺点：如果某个坏人，复制了我浏览器里的cookie，他就可以在他的电脑上登陆我的账号了;
(XSS注入攻击：获取cookie的一种手段)

session

发送完请求后，登陆信息存在服务器端的session上
session的存在服务器端，不容易被复制走;
只要页面不关掉，登录信息就一直在服务器上存着.

数据存在session上也有缺点

  1. 如果用户量非常大，上亿的用户.服务器很耗资源
  2. 因为后端可能不止一台服务器，用户的登录信息一般只会存在一台服务器上;因为用户的登录操作，在哪台机器上执行的，就一般存在哪台机器上.
  3. 需要通过反向代理(轮询，IP哈希)

轮询：在服务器端-来了一个请求，给第一台，再来了一个请求，给第二台…(这种情况session无法自动登录)
IP哈希: 相同的Ip地址发送的请求会达到同一个机器上(服务器)，这样便可以实现session自动登录;

页面的的打开方式

文件协议:打开本地文件的协议
file://
这样打开页面可能用不了一些和网络相关的操作(cookie，跨域…)

  1. B/S结构：
    brower/server — brower（浏览器）只负责页面的展示，server负责提供内容(后端)

brower是指浏览器的某一个页面，和client相对应

  1. C/S结构：
    client/server — client（客户端）只负责内容的展示，server负责提供内容(后端);

client是指application

www.baidu.com

index.html

页面的本质是什么? 页面的本质就是一个字符串.(一个带有html格式的字符串).

.后缀名只是告诉操作系统–你尽量给我以什么方式(软件)打开这个文件

浏览器向服务器请求一个页面的本质是什么?

B/S结构：

a. www.baidu.com
b. 服务器接收到这个请求后，服务器想要**把这个页面的内容(html格式的字符串)**返回给浏览器.
c. 页面的字符串存在哪里呢？存在html文件里。例如:index.html
d. 服务器端要读取这个文件.
e. 将读取出来的内容返回给浏览器
最后返回的是一个字符串，这个字符串的来源可能是文件，可能是缓存，可能是数据库;

服务器：严格的说，服务器是一台计算机，这台计算机，只提供服务(不是用户用的)
服务器不需要界面，是Linux系统
但是，我们常说的这个服务器，指的是服务容器，不是服务器.

服务容器：是一个程序，这个程序可以监听一个端口.
一个程序对应一个端口，一个端口只有一个程序在监听; 读取文件，并且返回.

如果我们想通过访问**服务器(这里的服务器是指服务容器)**的方式，来访问我们自己写的页面,我们就得装一个服务容器的程序.

发送网络请求

  1. 在浏览器中直接输入网址 (无法用代码控制)

  2. location href = “” 可以发出网络请求，但是页面会跳转 勾上preserve log可以保留network里面的请求记录;
    跳转页面后network的记录就会都被清空

  3. 带有src属性的标签—img script

还可以发出去带参数的请求
可以发出请求，服务端也是可以处理的，也是可以返回的，但是返回之后，能否被应用，还要看浏览器(页面无法处理返回结果–格式不匹配)

  1. 带有href属性的标签

请求是可以发出的，服务端是可以处理也是可以返回的，但是返回之后，能否被应用，还要看浏览器(页面无法处理返回结果)

  1. 带有action属性的标签。例如form表单，也可以向后端发送请求，但是form表单发出请求之后,也会页面跳转(页面会强制跳转)

有一种方式，可以用代码控制，页面不会跳转，服务端返回的结果我可以用js继续处理,这就是Ajax


// 要素
// 1.请求方式 get post
// 2.url
var xhr = null;
// 兼容IE6
if(window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
} else {
    xhr = new ActiveXObject('Microsoft.XMLHttp');
}
xhr.open('get', 'http://developer.duyiedu.com/edu/testAjax');   //建立与服务端的连接
xhr.send();     //发送请求

跨域

跨域访问资源
哪些东西属于资源？

  1. js文件算吗? js文件肯定是算资源的，但是js文件是允许被跨域请求的；
    css文件，jpg, png等，都可以被跨域请求的；
  2. src属性的资源都是可以跨域请求的
  3. href资源大部分都是可以被跨域请求的

哪些资源算是跨域请求的资源？

  1. 后端接口的数据
  2. 其他域的cookie
  3. 其他域的缓存

什么是其他的域？怎么样算跨域？

  1. 页面本身：有协议(http/https)，域名，端口
    要请求的数据：https://www.baidu.com:80
  2. 协议，域名，端口号 – 有任意一个不一样就算跨域;

跨域这个行为，发生在哪里？
答案：

  1. 即使跨域了(协议，域名，端口号有不一样的)，请求也可以发出.
  2. 服务器端也是可以接收的
  3. 服务器端也是可以正常处理的
  4. 服务器端也是可以正常返回数据
  5. 浏览器也能接收到这些数据
  6. 接收到之后，发现当前页面的域和请求的域不同，所以判定为跨域.
  7. 我们的代码在这等待结果，但是因为浏览器判定跨域了，不会把结果传递给我们的代码.

虽然跨域了，但是我们依然需要这个数据，怎么办？
解决跨域问题:

  1. 后端(别人家的)配合我们进行跨域.
    pan.baidu.com --> zhidao.baidu.com
    (1) jsonp(正常的情况下，返回的数据都是json格式，jsonp是一种特殊的格式)
    jsonp是可以解决跨域的;
    (2) 后端设置 Access-control-Allow-origin属性可以支持跨域.(聊天机器人讲，需要node)
  2. 后端不配合我们进行跨域.
    (3) iframe元素(缺点：只能显示，不能控制)
    (4) 通过后端代理(自己的后端)(后面聊天机器人，需要node)

用js实现AJAX

/**
 * 辅助函数，用于字符串拼接
 * @param {*} data 
 */
function dataConcat(data) {
    let dataStr = ''
    if (typeof data === 'object') {
        for (const prop in data) {
            dataStr = dataStr + prop + '=' + data[prop] + '&'
        }
    } else {
        dataStr = String(data);
    }
    return dataStr;
}

function ajax({ method = 'GET', url, success, data } = {}) {
    let xhr = null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else {
        xhr = new ActiveXObject('Microsoft.XMLHttp');
    }

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            success(JSON.parse(xhr.responseText));
        }
    }
    const dataStr = dataConcat(data);
    method.toUpperCase();
    if (method != 'POST') {
        xhr.open(method, url + '?' + (dataStr || ''), true);
        xhr.send();
    } else {
        //post请求
        xhr.open(method, url, true);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(dataStr)
    }
}

json的使用与特性以及原理

因为我想从一个接口获取一个数据
但是这个接口和当前页面不是同源的（也就是跨域了）
但是这个接口是支持jsonp的
script元素，有src属性，所以可以发出网络请求 (支持跨域) 跨域引入jquery的cdn文件
script元素虽然可以引用其他域的资源，浏览器不限制
但是，浏览器会将返回的内容作为js代码执行

比如返回
asd({“status”:“ok”,“msg”:"Hello! })
相当于调用了asd方法，传入了一个json对象作为参数
这里我们没有声明asd函数，所以执行这个函数会报错：asd is no defined
但是如果我们提前声明了asd函数，就可以执行，并且使用这个json对象的参数

jsonp原理
1.判断请求与当前页面的域，是否同源，如果同源则发送正常的ajax，就没有跨域的事情了
2.如果不同源，生成一个script元素
3.生成一个随机的callback名字，还得创建一个名为这个的方法 有可能同一时间发送多个请求
4.设置script标签的src，设置为要请求的接口
5.将callback作为参数拼接在后面
======>以上是前端部分
6.后端接收到请求后，开始准备要返回的数据
7.后端拼接数据，将要返回的数据用callback的值和括号包裹起来
例如：callback=asd123456 要返回的数据{“a”:1, “b”:2},
就要拼接为：asd123456({“a”:1, “b”:2})
8.将内容返回
======>以上是后端部分
9.浏览器接收到内容，会当作js代码来执行
10.从而执行名为asd123456的方法，这样的话我们就接收到了后端返回给我们的对象

 // jsonp的格式哪里特殊？

// jsonp的格式哪里特殊？
// 发送的时候，会带上一个参数callback，返回的结果不是json
// callback的名 + (+ json +);
$.ajax({
    url: "http://developer.duyiedu.com/edu/testJsonP",
    type: "get",
    dataType: "jsonp",
    success: function (data) {
        console.log(data);
    }
});
// jsonp跨域只能使用get方法，如果我们设置的是post方法，jquery会自动转为get方法
// 是不是在jsonp里面，我只能使用get方法？是不是我设置的post方法都会自动转为get方法?
// 不是
// jquery会先判断是否同源(非同源则为跨域)，如果同源，设置的是get就是get，设置的是post就是post
// 如果不是同源，无论设置的是什么，都改为 get

var $ = {
    ajax:function (options) {
        var url = options.url;
        var type = options.type;
        var dataType = options.dataType;
        // 判断是否同源(协议，域名，端口号)
        // 获取目标url的域
        var targetProtocol =  "";//目标端口的协议
        var targetHost = "";//目标接口的host，host是包含域名和端口的
        // 如果url不带http，那么访问的一定是相对路径，相对路径一定是同源的
        if (url.indexOf('http://') == 0 || url.indexOf('https://') == 0) {
            var targetUrl = new URL(url);
            targetProtocol = targetUrl.protocol;
            targetHost = targetUrl.host;
        } else {
            targetProtocol = location.protocol;
            targetHost = location.host;
        }
        // 首先判断的是否为jsonP，因为不是json不用做其他的判断，直接发送ajax
        if(dataType == 'jsonp') {
            // 判断是否为同源
            if(location.protocol == targetProtocol && location.host == targetHost) {
                // 同源，直接当作普通的ajax做请求
            } else{//不同源，跨域
                // 随机生成一个callback
                var callback = "cb" + Math.floor(Math.random() * 10000);
                // 给window上添加一个方法
                window[callback] = options.success;
                // 生成script标签   
                var script = document.createElement('script');
                if(url.indexOf('?') > 0) {
                    // 表示已经有参数了
                    script.src = url + '&callback=' + callback;
                } else{
                    script.url = url + '?callback=' + callback;
                }
                script.id = callback;
                document.head.appendChild(script);
            }
        }
    }
}
ownclock~
关注
专栏目录
前端知识点梳理
日常笔记/总结/系列知识梳理
08-15 2240
Vue.js 的核心库只关注视图层，不仅易于上手，而且便于与第三方库或既有项目整合。Vue.js 的目标是通过尽可能简单的 API 实现响应式的数据绑定和组合的视图组件。Vue.js 的设计从底向上逐步增量开发，其核心库只关注视图层，不仅易于上手，而且便于与第三方库或既有项目整合。
前端面试之网络篇
BIGDgreen
04-05 2111
目录cookie有哪些字段http和https的区别，ssl握手的过程http2DNS（域名）解析步骤与原理域名发散和域名收敛跨域问题解决跨域的方案XSS和CSRF攻击XSSCSRFXSS攻击，Cookie相关的字段，HttpOnlyCSRF攻击，Cookie的SameSite字段状态码304、200（from disk cache）、Etag（hash），结合浏览器的缓存机制fetch和xhr的...
前端应该掌握的网络知识（1）
weixin_34242658的博客
07-06 151
1、客户端：通过发送请求获取服务器资源的web浏览器等。 2、TCP/IP协议族按层次分为：应用层、传输层、网络层和数据链路层。 应用层决定了向用户提供应用服务时通信的活动。比如：FTP（文本传输协议）和DNS（域名系统），HTTP协议属于此层。 传输层主要提供处于网络连接中的两台计算机之间的数据传输。在传输层有两个性质不同的协议：TC...
前端需要知道的网络知识
lovepink527的博客
05-13 391
Internet（网络知识） 一、How does the internet work?（网络是如何工作的？） 1.网络结构 网络采用层次性的结构模型，将网络分成一层一层，每个层次负责不同的功能。 每一个功能层中，通信双方都要共同遵守相应的约定，这种约定成为协议。 这种协议组合在一起成为协议体系，他们负责保证传输的通畅。 2.计算机网络 由两台或两台以上的计算机通过网络设备连接起来所组成的一个系统 在这个系统中计算机与计算机之间可以进行数据通讯、数据共享及协同完成某些数据处理工作。 3.因特网
前端需要掌握的网络知识
whaleluo的博客
05-11 1113
文章目录访问网页流程URI,URL,URNDNS解析TCPUDPhttp,httpsTCP三次握手wwwhttp报文请求方式8种请求方式和常见的4种get post 请求方式http状态码304302404 403500 503accept content-type浏览器缓存keep-alivecontent lengthreferehttp协议版本TCP四次挥手同源策略减少http请求的方法ajax6中可以获取跨域数据的方法JSONP跨域瀑布流为什么要把img设置为blockcookie持久化登录表单提交
一站到底 ---前端基础之网络
weixin_34198881的博客
06-27 431
网络相关的知识是每个前端工程师都应该具备的。很多从事前端的朋友们都没系统学习过计算机网络和http相关内容。在没有建立一个整体的知识体系下，会有一种一站到底答题的感觉，每个知识点都大致知道问题的答案，但总不确定，更不知道具体是怎么回事。本文系统的梳理了与前端密切相关的网络知识。（这是我自己学习的总结，整理出的笔记，分享给大家） 本文中的代码演示整理在《node.js的小美好》 ： 还是老规则，在...
前端计算机网络知识小结.xmind
06-15
思维导图，便于记忆
前端面试宝典（前端知识）
12-23
【前端面试宝典】是为准备前端面试的开发者量身打造的...以上只是前端面试宝典中的冰山一角，实际面试还会涉及JavaScript、DOM操作、网络、性能优化、框架知识等方面。全面掌握这些知识点，将有助于在面试中脱颖而出。
整理综合所学习的前端知识网络.zip
11-02
在前端开发领域，掌握全面而深入的知识网络是至关重要的。这个名为"整理综合所学习的前端知识网络.zip"的压缩包文件，很可能是对前端开发中的各种概念、技术和工具的一个系统性整理。以下是对其中可能包含的内容进行...
前端面试知识点梳理
03-03
- 一个完整的前端知识图谱应当包含JavaScript、框架技术、构建工具、网络协议、设计模式等多个方面。 - 对于JavaScript语言本身，ES6及更高版本的特性，如let、const、解构赋值、箭头函数等，都是面试官常问的知识...
前端需要了解的计算机网络知识
we452366的博客
09-13 628
前端需要了解的计算机网络知识 概述 七层网路协议 物理层 -> 数据链路层 -> 网络层 -> 传输层 -> 会话层 -> 表示层 -> 应用层 http和tcp http是应用层协议，tcp是传输层协议 常见的应用层协议还包括：telnet，ssh，smtp，pop，ssl/tls，mime 常见传输层协议还有：udp，sctp Web和HTT...
前端网络知识点
weixin_45191052的博客
09-27 120
http面试知识点 1.http协：超文本传输协议，基于TCP/IP通信协议来传递数据。 TCP/IP协议族是由一个四层协议组成的系统，这四层分别为：应用层（http）、传输层（TCP）、网络层（IP）和数据链路层（网络） 特点： 1、简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单...
前端所涉及到的网络知识
a5372的博客
09-06 169
0 两个小知识点 　　<meta>提供了有关页面的元信息，比如针对搜索引擎和更新频率的描述和关键词。 　　Linux top 是Linux 下常用的性能分析工具，能实时显示系统中各个进程的资源占用情况，用途是看哪些进程最耗CPU资源，占用的内存最多。 　　top -P 按%CPU使用率排行，根据CPU使用百分比的的大小进行排序 　　 -T 切换显示进...
关于前端所要知道的一些网络知识
最新发布
当下即是最好
03-22 945
一起看看关于前端所要知道的一些关于网络的基础知识。
前端网络知识- 初识web
weixin_43154931的博客
12-23 135
www(world wide web)万维网的三项基础： html 页面的文本标记语言 http 文档传递协议 URL 指定文档所在位置 http的基础 网络分层 OSI七层 。。。// todo tcp/ip 四层 应用层(客户端 http) -> 传输层（tcp） -> 网络层（ip） -> 链路层（网络） 应用层(服务端 http) <- 传输层（tcp） ...
网络 卧槽！牛皮了，面试官居然把TCP三次握手四次挥手问的这么详细
热门推荐
WhiteShirtI的博客
05-03 7万+
一、为什么握手是三次，而不是两次或者四次？ 答：两次不安全，四次没必要。tcp通信需要确保双方都具有数据收发的能力，因此双方都要发送SYN确保对方具有通信的能力 二、为什么挥手是四次而不是三次？ 答：发送FIN包只能表示对方不再发送数据了，不代表对方不再接收数据，因此被动关闭方进行ACK回复之后有可能还会继续发送数据，等到不再发送数据了才会发送下一个FIN包，因此FIN包和ACK包是分开的 ...
前端网络
qq_35401191的博客
07-28 606
同源策略（安全机制）： 浏览器有一个很重要的概念——同源策略(Same-Origin Policy)。 所谓同源是指，域名，协议，端口相同。不同源的客户端脚本(javascript、ActionScript)在没明确授权的情况下，不能读写对方的资源。 简单的来说，浏览器不允许包含在腾讯页面的脚本访问阿里巴巴页面的数据资源，会受到同源策略的限制 协议:http / https （有s的为安全...
前端面试中的计算机网络知识点解析
"该文档是针对前端面试中的计算机网络部分，涵盖了从物理层到传输层的网络协议基础知识，包括七层模型与四层模型的解释，以及各层次的主要协议和功能。" 计算机网络是前端开发者必备的知识领域之一，特别是在面试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值