简单叙述
在地址栏中输入url，到页面呈现出来，中间的大致过程最简单的回答就是如下图所示：
对各个区域一探究竟
查看缓存、DNS解析：
首先，要寻找url域名的服务器ip，开始会在缓存中查找，查找顺序如图所示：
但是，它究竟是怎么查找的呢？让我们走进看看：
我叫凌晨，有一天我想去看电影院看电影《长津湖》，我村?里有一家电影院，镇(Z)里有一家电影院，市(S)里也有一家电影院，而市里这家电影院是全市最大的，并且垄断了全市的电影院生意，所有影片都由他管理，我肯定是去距离最近的村?里看啦，当我到达村?里的电影院，如果有《长津湖》的影片就看，如果没有的话，就会选择去镇(Z)里的电影院，如果有就看，没得话就要去市(S)里的电影院去看，市(S)里的电影院管理着全市的影片资源，如果有就在市(S)里看，如果没有，它告诉我说B镇有《长津湖》的影片播放，我就去B镇去看《长津湖》啦。具体流程图如下所示：
TCP连接：
主要包含三次握手和四次挥手。
继续深究下去
买完电影票啦，一个人看电影多没趣，跟小姐姐一起看岂不美哉，看到对面有一个小姐姐，我向她打个招呼，她看到了我，包括我的身高体型、身穿黑色风衣，（第一次握手）；然后她看我英姿潇洒，便向我打招呼，我看到了她身高外貌，身穿白色连衣裙，（第二次握手），同时她背后还有一个女孩，以为我是在向她打招呼，她也做出了回应，此时我就接收了两个女孩的招呼，如果有更多的女孩因此原因向我打招呼呢，就会导致我的内存不足，第一个女孩就会被挤出去，专业讲就是报文丢失，解决方法就是增加我的内存或者增加传输速率；当然我的衣着（ip）和她的衣着（ip）都是随机的，并不固定，为了避免ip信息泄露，考虑安全性；接着我告诉她我花钱买了票，想和她一起看《长津湖》电影，她同意了，接着我们就去看电影了，看电影的过程可以做很多事情，发挥你的大脑想象吧，此处就不说啦。
说完呢趁热打铁，想一下TCP、UDP的区别吧
- TCP面向连接;UDP是无连接的，即发送数据之前不需要建立连接。
- TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达;UDP尽最大努力交付，即不保证可靠交付。
- TCP面向字节流，实际上是TCP把数据看成一连串无结构的字节流;UDP是面向报文的；UDP没有拥塞控制，因此网络出现拥塞不会使源主机的发送速率降低（对实时应用很有用，如IP电话，实时视频会议等）。
- 每一条TCP连接只能是一对一;UDP支持一对一，一对多，多对一和多对多的交互通信。
- TCP首部开销20字节;UDP的首部开销小，只有8个字节。
HTTP请求
当服务器与主机建立了连接以后，主机开始和服务器进行通信。网页请求是一个单向请求的过程，即一个主机向服务器请求数据，服务器返回相应的数据的过程。浏览器根据URL内容生成HTTP请求，HTTP请求报文是由三部分组成:请求行、请求报头、请求正文。
并将这个http请求封装在一个tcp包中，这个tcp包会依次经过传输层，网络层，数据链路层，物理层到达服务器。
一说到http请求，就不由得想起常用的请求方式get、post–>
简单区别：
get：传输数据的时候是在URL地址中的、对所有人都是是可见的、是不安全的、是有浏览器缓存记录的，只支持url编码。
post：传输的时候是放在HTTP的请求体之中的，并且是经过urlencode编码的所以是相对安全的，支持多种编码。
本质上都是TCP连接，TCP产生一个数据包，UDP产生两个数据包。
对于get方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；
对于post请求，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。
服务器处理请求并返回HTTP报文
请求中会返回一些状态码
常见的状态码有哪些呢–>
浏览器解析渲染页面
返回相应的html给浏览器，因为html是一个树形结构，浏览器根据这个html来构建DOM树，在dom树的构建过程中如果遇到JS脚本和外部JS连接，则会停止构建DOM树来执行和下载相应的代码，这会造成阻塞，这就是为什么推荐JS代码应该放在html代码的后面。之后根据外部样式、内部样式，内联样式构建一个CSS对象模型树CSSOM树，构建完成后和DOM树合并为渲染树，这里主要做的是排除非视觉节点，比如script，meta标签和排除display为none的节点，之后进行布局，布局主要是确定各个元素的位置和尺寸，之后是渲染页面，因为html文件中会含有图片，视频，音频等资源，在解析DOM的过程中，遇到这些都会进行并行下载，浏览器对每个域的并行下载数量有一定的限制，一般是4-6个。
连接结束
四次挥手释放连接。
终于写完了，当然里面还有很多细节没有提到，希望可以帮助更多同样有代码梦的人理解。