从 URL 输入到页面展现

一、在浏览器输入URL

1、URL（Uniform Resoure Locator）是指统一资源定位器。

2、常见的协议有http、https、ftp、file 等。

---

二、域名解析

1、域名解析是把域名指向网站空间IP，让人们通过注册的域名可以方便地访问到网站的一种服务。IP地址是网络上标识站点的数字地址，为了方便记忆，采用域名来代替IP地址标识站点地址。域名解析就是域名到IP地址的转换过程。域名的解析工作由DNS服务器完成。

2、域名解析流程

1）浏览器缓存 – 浏览器会缓存DNS记录一段时间

2）系统缓存 - 从 Hosts 文件查找是否有该域名和对应 IP

3） 路由器缓存 – 一般路由器也会缓存域名信息

4）ISP DNS 缓存 – 比如到电信的 DNS 上查找缓存

5）如果都没有找到，则向根域名服务器查找域名对应 IP，根域名服务器把请求转发到下一级，直到找到 IP

---

三、Web服务器处理请求

1、常见的 web服务器有 Apache、Nginx、IIS、Lighttpd

2、web服务器接收用户的请求交给网站代码，或者接受请求反向代理到其他 web服务器

---

四、网站处理

1、网站处理按照MVC设计模式，MVC是一个设计模式，将应用程序分成三个核心部件：模型（model）-- 视图（view）--控制器（controller）。

2、Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。

3、View（视图）是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。

4、Controller（控制器）是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。

---

五、浏览器处理

1、通过后台处理返回的html字符串会被浏览器读取解析，对应就是html页面加载、解析、渲染的工作。

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

---

六、绘制网页

浏览器根据 HTML 和 CSS 计算得到渲染树，绘制到屏幕上，js会被执行，从而实现网站页面的绘制。