从百度URL的输入到页面展示大概分为以下几个环节：
输入百度的URL地址——对URL中域名（ baidu.com）进行解析——服务器处理——网站处理——浏览器处理——绘制网页
1. 在浏览器中输入百度的URL地址
2. 对URL中域名进行解析
对于www.baidu.com的URL，浏览器实际上不知道www.baidu.com(域名）到底是什么东西？需要查找www.baidu.com网站所在的服务器的IP地址，才能知道找到目标。即通过一种方式，将www.baidu.com解析成www.baidu.com所对应的IP地址。
对URL进行解析即分析出百度的IP地址
因为我以前输入过百度，会有浏览器缓存，所以缓存的DNS会直接访问百度的IP地址。
除此之外还其他解析域名获得IP地址的方法：
系统缓存，路由器缓存，ISP DNS 缓存 等
3 服务器处理
服务器：服务器是一台安装系统的机器，就是一台电脑。
常见系统：Linux（无图形界面）、windows sever2012（可以安装一些服务端的软件，有图形界面）。
系统里安装的处理请求的软件为web server
常见的web 服务器有：Apache、Nginx、IIS、Lighttpd
在百度首页页面展示时web 服务器的作用
假设百度的机器上安装的是Nginx系统，在我访问我news.baidu.com，v.baidu.com的时候，三个网站的请求，地址，和域名都不一样，但是此时这三个网站都在一个服务器里，所以同yu域名解析得了一个机器里相同的IP地址，，即打开这两个个网站均能找到这台机器，请求被机器中的web服务器——Nginx接管，通过配置文件将请求的网站匹配相应的文件夹代码，运行返回效果。
web服务器 请求处理完以后，交接到百度，运行代码，后台执行。
4. 网站处理流程
网站对的后台语言有：ruby、nodejs、python。。。等
进行MVC模式处理
MVC:modle,view ,controller
rails+ruby做范例
浏览器访问www.baidu.com，交至www.baidu.com这个网站后代码运行，匹配路由，发现有www.baidu.com之后，交给控制器（一个代码文件）；它会向模型（可看成文件）发送调用查找所有用户请求，模型从数据库中进行查找，数据库返回之后，控制器获取模型所提供关于百度所有信息的接口数据，控制器获取所有用户数据；将数据添置到视图（可看成模板）中生成一个html，发回浏览器，即能看到有所有用户的html页面。前端对应则是视图（htmlcss框架等）
5. 浏览器处理
网站处理之后，该网站生成html页面发回浏览器，html字符串被浏览器接收后被一句句读取解析；当解析到link标签后，如某个标签对应的css地址，重新发送请求获取css代码；当解析到script标签后，向如src的地址向服务器发送请求，获取js并执行代码；当解析到img标签后发送请求获取图片资源。
即第一次获取html时，浏览器会重新把html里的链接和相关资源再请求一次，审查元素里有众多requests。
6. 绘制网页
浏览器根据html和css计算得到渲染树，绘制到屏幕，即浏览器根据html、css，它知道每个元素该怎样去放置。假设页面作为一幅画：html控制画的内容（结构层），浏览器画（渲染），css控制画的样子（展示层），之后js将会被执行（行为层）最后形成了百度首页的页面展示。
网友评论