对于前端来说每天面对最多的就是各种终端设备的浏览器了。
在前端中经常被问到的一个问题就是：
从我们打开浏览器输入一个网址到页面展示网页内容的这段时间内，浏览器和服务端都发生了什么事情？
我们使用一个相对简洁但是很清晰的描述来解答这个问题:
-
在接收到用户输入的网址后，浏览器会开启一个线程来处理这个请求，对用户输入的URL地址进行分析判断，如果是HTTP协议就按照HTTP方式来处理。
-
调用浏览器引擎中的对应方法，比如WebView中的loadUrl方法，分析并加载这个URL地址。
-
通过DNS解析获取该网站地址对应的IP地址，查询完成后连同浏览器的Cookie、
userAgent等信息向网站目的IP发出GET请求。 -
进行HTTP协议会话，浏览器客户端向Web服务器发送报文。
-
进入网站后台上的Web服务器处理请求，如Apache、Tomcat、Node.js等服务器。
-
进入部署好的后端应用，如PHP、Java、JavaScript、Python等后端程序，
找到对应的请求处理逻辑，这期间可能会读取服务器缓存或查询数据库等。 -
服务器处理请求并返回响应报文，此时如果浏览器访问过该页面，缓存上有对应资源，会与服务器最后修改记录对比，一致则返回304，否则返回200和对应的内容。
-
浏览器开始下载HTML文档（响应报头状态码为200时）或者从本地缓存读取文件内容
（浏览器缓存有效或响应报头状态码为304时）。 -
浏览器根据下载接收到的HTML文件解析结构建立DOM（Document Object Model，
文档对象模型）文档树，并根据HTML中的标记请求下载指定的MIME类型文件
（如CSS、JavaScript脚本等），同时设置缓存等内容。 -
页面开始解析渲染DOM，CSS根据规则解析并结合DOM文档树进行网页内容布局和绘制渲染，
JavaScript根据DOM API操作DOM，并读取浏览器缓存、执行事件绑定等，页面整个展示过程完成。
整个过程中使用到了较多的浏览器功能，如：
- 1.用户地址栏输入框、
- 2.网络请求、
- 3.浏览器文档解析、
- 4.渲染引擎、
- 5.JavaScript执行引擎、
- 6.客户端存储等。
网友评论