| 物理层（Physical） | | IEEE 802.1A、IEEE 802.2到IEEE 802.11 |
要想深入的了解透四层、七层模型图需要一定的时间，我们前端人员其实只要重点了解一下应用层中的HTTP、FTP，以及传输层当中的TCP和网络层中的ip部分。
http、websocket等协议与tcp、ip协议的关系
TCP/IP是传输层协议，是互联网相关的各类协议的统称，主要解决数据如何在网络中传输；而HTTP是应用层协议，主要解决如何包装数据。
Socket是对TCP/IP协议的封装，Socket本身并不是协议，而是一个调用接口（API），通过Socket，我们才能使用TCP/IP协议。
可以把ip层想象成公路，tcp、udp是火车，而http，https等是货物
http连接：http连接就是所谓的短连接，即客户端向服务端发送一次请求，服务器端响应后连接即会断掉；
socket连接：socket连接就是所谓的长连接，理论上客户端和服务器端一旦建立起来连接将不会主动断掉；但是由于各种环境因素可能会连接断开。比如：服务器或客户端主机down了，网络故障，或者两者之间长时间没有数据传输，网络防火墙可能会断开该连接以释放网络资源。所以当一个socket连接中没有数据的传输，那么为了维持连接需要发送心跳消息~~具体消息格式是开发者自己定义的。
http和https的区别
http：是互联网上应用最广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（tcp），用于从www服务器传输超文本到本地浏览器的传输协议，它可以是浏览器更加高效，使网络传输减少。
https：是以安全为目标的http通道，简单讲是http的安全办。即http下加入ssl层，https的安全基础是ssl，因此加密的详细内容就需要ssl。
https的作用主要可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性；
两者的主要区别
-
https协议需要ca申请证书，一般免费证书较少，因而需要一定费用；
-
http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议;
-
http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443；
-
http的连接很简单，是无状态的；https协议是由ssl+http协议构建的可进行加密传输，身份认证的网络协议，比http协议安全。
http的特点
-
支持客户、服务器模式（c/s模式）
-
简单快速：客户向服务器请求服务时，秩序传送请求方法和路径。请求方法常用的有GET、HEAD、POST。没中方法规定了客户与服务器联系的类型不同。由于http协议简单，是的http服务器的程序规模小，因为通信速度很快。
-
灵活：http允许传输任意类型的数据对象。正在传输的类型有content-type加以标记。
-
无连接：含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。
-
无状态：无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信心时它的应答就比较快。
http工作流程
-
建立tcp/ip连接，客户端与服务器通过socket三次握手进行连接
-
客户端向服务端发起HTTP请求（例：POST/ http/1.1）
-
客户端发送一空白行，表示客户端请求完毕
-
服务器做出应答，表示对于客户端请求的应答，例如：HTTP、1.1 200 OK
-
服务器向客户端发送应答头信息
-
服务器向客户端发送应答头信息后，也会发送一空白行，表示应答头信息发送完毕，接着就以content-type要求的数据格式发送数据给客户端
-
服务端关闭tcp连接，如果服务器或者客户端增加connection：keep-alive就表示客户端与服务端继续保存连接，在下次请求时可以继续使用这次的连接
https的特点
优点
-
认证用户和服务器，确保数据发送到正确的客户机和服务器；
-
安全性 可防止数据在传输过程中不被窃取，改变，确保数据完整性；同事也一定程度上保护了服务端，使用恶意攻击和伪装数据的成本大大提高。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
最后
==
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。
答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。
并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。