整个过程可以概括为6个步骤:

1  输入域名.

2  域名解析.

3 服务器处理.

4 网站处理.

5 浏览器处理.

6 绘制网页.

一输入域名: 在浏览器地址栏输入域名url(定义资源管理器 如:百度),告诉浏览器你要谁来到你的屏幕前.

二域名解析 : 可以理解为 寻找域名 对应 IP地址 的一个过程, IP 在哪里找?!  在各级的缓存里DNS(域名系统)里去匹配查找.

                     查找的原则遵循: 就近原则! 

                    1) 首先在本地缓存中DNS查寻, 本地依次包括 浏览器自己 和 本机HOST文件,

                    2) 如果本地找不到,就去外地缓存中的DNS. 外地依次是路由器和电信局 (ips).

                    3) 如果外地还是找不到, 那就要去 国外 了,也是就所谓的根目录.

                    4) 如果还是找不到,那就检测下自己输入的域名是否输入正确.

                     (ps:DNS劫持:就是有人用 假IP来获取 真域名.)

三 服务器处理: 找到IP地址后,浏览器拿着抬头写着http的信件去请求网络服务器系统里的 web server ,  web server应要求找到对应的文件后,在传   回给浏览器.

四 网 站 处理: 浏览器收到服务器出来的文件丢到后台, 根据对应的框架来进行处理搭建,一般用MVC模型来搭建设计模型,MVC有三种核心部件:模   型(model), 视图(view),控制器(controller),具体流程如下图:

五 浏览器处理: 浏览器根据后台处理后提供的信息逐一进行读取和解析,对应就是html页面加载,解析,渲染的工作.

                        1）加载

                           浏览器对一个html页面的加载顺序是从上而下的，并在加载过程中进行解析渲染处理。在这个过程中遇到link标签、image标签、 script标签时，浏览器会再次向服务器发送请求获取css文件、图片资源、js文件，并执行js代码，同步进行加载解析。

                         2）解析、渲染

                             解析的过程，就是生成解析树，即dom树。dom树是由dom元素及属性节点组成，加上css解析的样式对象和js解析后的动作实   现。而渲染，就是将dom树进行可视化表示。

六 绘制网页:  浏览器通过上面计算得到一棵渲染树, 根据渲染树来以正确顺序绘制,遵循一定的规则经过一系列渲染工作后，实现网页的绘制，至此最终完成了页面的展示.