- 在浏览器的地址栏中输入url
- 域名解析
- 服务器处理请求
- 浏览器处理
- 绘制网页
1. 在浏览器的地址栏中输入url
what’s URL?
URL（Uniform Resource Locator），统一资源定位符。定位互联网上的资源，实际上就是网站网址。url的格式一般为：
1
协议类型://<主机名>:<端口>/<路径>/文件名
协议的类型可以是http(超文本传输协议)、https、ftp(文件传输协议)、telnet(远程登录协议)、file等等。http是最常见的网络传输协议，https则是进行加密的网络传输。
比如https://github.com/Corbusier/Article，”https”表示与web服务器通讯采用https协议，gitHub服务器域名为github.com， Corbusier/Article 表示所访问的文件存在于web服务器上的路径。
url格式中主机名冒号后面的数字是端口编号，因为一台计算机常常会同时作为Web，FTP等服务器，端口编号用来告诉web服务器所在的主机要将请求交给哪个服务。默认情况下http服务的端口为80，不需要在url中输入，如果web服务器采用的不是这一个默认端口，就需要写明服务所用的端口。常见的协议默认端口如下：
| 协议类型 | 默认端口 |
|---|---|
| http | 80 |
| ftp | 21 |
| https | 443 |
| telnet | 23 |
what’s IP?
IP是每台连接到网络的计算机之间相互通信遵循的协议。每一个处于互联网的设备都有IP地址，形如 192.168.0.1。IP又分为局域网IP和公网IP。而局域网 IP 和公网 IP 是有差别的。每个网站就是靠IP来定位的。
为了便于记忆或辨识，人们使用域名来登录网站，每个域名后都有对应的IP网址。
2. 域名解析
当用户输入URL后，首先会查找浏览器缓存。
浏览器会检查缓存中有没有这个域名对应的解析过的IP地址，如果缓存中有，这个解析过程就将结束。Chrome浏览器查看本地的DNS缓存比较方便，在地址栏输入chrome://net-internals/#dns
然后是操作系统缓存
如果用户的浏览器缓存中没有，浏览器会从hosts文件查找是否有存储DNS信息，查找是否有目标域名和对应的IP地址
查找路由器缓存
如果系统缓存中也找不到，那么查询请求就会发向路由器，路由器一般会有自己的DNS缓存。
查找ISP DNS 缓存
如果路由器缓存中也找不到，那么就查询 ISP DNS 缓存服务器了。
网络配置中会有”DNS服务器地址”这一项，操作系统会把这个域名发送给这里设置的DNS，比如114.114.114.114，也就是本地区的域名服务器，通常是提供给你接入互联网的应用提供商。而114.114.114.114是国内移动、电信和联通通用的DNS。
递归查找
如果以上几步都找不到缓存的话，会进行如下的步骤：
- 本地 DNS 服务器将该请求转发到互联网上的根域（根域没有名字，在DNS系统中就用一个空字符串来表示。例如www.baidu.com.现在的DNS系统都不会要求域名以.来结束，即www.baidu.com就可以解析了，但是现在很多DNS解析服务商还是会要求在填写DNS记录的时候以.来结尾域名。）
- 根域将所要查询域名中的顶级域（比如要查询www.baidu.com，该域名的顶级域就是com）的服务器IP地址返回到本地DNS。
- 本地DNS根据返回的IP地址，再向顶级域（就是com域）发送请求， com域服务器再将域名中的二级域（即www.baidu.com中的baidu.com）的IP地址返回给本地DNS。
- 本地DNS再向二级域发送请求进行查询。
- 之后不断重复这样的过程，直到本地DNS服务器得到最终的查询结果，并返回到主机。这时候主机才能通过域名访问该网站。
当查找到对应的IP地址之后，通过IP地址查找到对应的服务器，浏览器将用户发起的http请求发送给服务器。例如：GET http://www.baidu.com/ HTTP/1.1
3. 服务器处理请求
每台服务器上都会安装处理请求的应用——Web server。常见的web server产品有apache、nginx、IIS、Lighttpd等。
当web server接收到一个HTTP请求(request)，会返回一个HTTP响应(response)，例如送回一个HTML页面。对于不同用户发送的请求，会结合配置文件，把不同请求委托给服务器上处理对应请求的程序进行处理（例如CGI脚本，JSP脚本，servlets，ASP脚本，服务器端JavaScript，或者一些其它的服务器端技术等）。
那么如何处理请求？实际上就是后台处理的工作。后台开发现在有很多框架，但大部分都还是按照MVC设计模式进行搭建的。
MVC的处理过程(自己的理解)：
当用户输入一个请求时，先被控制器接收，然后决定采用哪种模型处理，然后使用业务逻辑处理请求后返回数据，最后呈现给用户的，是控制器使用视图模型返回给浏览器html字符串渲染得到的结果。
4. 浏览器处理
上一步处理交给浏览器的字符串被进一步解析处理，经历加载、解析、渲染。
- 加载
浏览器加载顺序是自上而下流式加载。加载到JS文件时，html文档会被挂起渲染线程，不仅要等到JS文件加载完毕，还要解析执行完成后才可继续渲染进程。 - 解析
将代码解析为语法树，即DOM树，解析文档将其变为有意义的结构。
CSS解析时将CSS文件解析为样式表对象。
JS解析是在文件加载同时进行解析。 - 渲染
即MVC的V层(viw)，将DOM进行可视化，按照正确的顺序绘制文档内容。
5.绘制网页
浏览器根据 HTML 和 CSS 计算得到渲染树，最终绘制到屏幕上。