2018-08-27

打开浏览器，输入baidu.com，页面展示百度首页.......

整个过程发生了什么？

1.输入URL地址

浏览器中输入 baidu.com

2.域名解析

浏览器通过域名(http://www.baidu.com/)找到其对应的IP地址,域名解析流程（如下）：

• 浏览器缓存 — 若之前浏览器已找到此域名的IP地址，便会缓存DNS记录一段时间，下次可直接访问IP地址（若第一次解析此域名，转至下面）。
• 系统缓存 — 从Hosts文件中查到是否有该域名对应的IP地址（若无转至下面）。
• 路由器缓存 — 从路由器中查找该域名IP地址的缓存信息（若无转至下面）。
• IPS DNS缓存 — 从用户服务商（例如：电信）的DNS上查找该域名IP地址的缓存信息（若无转至下面）。
• 如以上方法都没有找到，则向根域名服务器查找域名对应的IP，根域名服务器把请求转发到下一级，至到找到IP。

3.服务器处理

解析IP地址后，浏览器向IP发出请求，到了服务器处理阶段。
Web服务器接受用户的Request交给网站代码，让每个域名其对应的文件夹下的代码进行管控，于是代码运行→得到一些结果，发回→得到对应域名的页面。（过程如下图）

1535355806(1).png

服务器：指安装了系统的机器（也就是电脑），常见的系统是Linux,Windows server2010。
Web服务器：指系统里安装用于接受请求的应用，常见的有Apache，Nginx，lls，Lighttpd。

4.网站处理

后台语言有很多，以某个网站为例看网站处理流程（如下图）：

• MVC模型（model)----视图（view)---控制器（controller)

1535357395(1).png

后台网络：网站后台有文件夹，里面是代码。有3个文件夹分别是 模型 - 视图 - 控制器
控制器统一管理，如需查找所用用户的数据，便向模型要数据→模型操作数据库，查找所需数据。找到后发回给控制器→视图是HTML模板，把数据填入模板生成HTML，发回。于是浏览器能看到有所有用户的HTML页面。
（前端负责管视图，其他为后端管理）

5.浏览器处理

HTML字符串被浏览器接受后被一句句读取解析：

• 解析到link 标签后重新发送请求获取css
• 解析到script标签后重新发送请求获取 js，并执行代码
• 解析到img 标签后重新发送请求获取图片资源

6.绘制页面

浏览器根据THML和CSS计算得到渲染树，绘制到屏幕上，js会被执行。