整个过程可以概括为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树进行可视化表示。
六 绘制网页: 浏览器通过上面计算得到一棵渲染树, 根据渲染树来以正确顺序绘制,遵循一定的规则经过一系列渲染工作后，实现网页的绘制，至此最终完成了页面的展示.
网友评论