从输入URL到完成页面加载显示会发生什么？

4. 启动与真实IP地址服务器的TCP连接，并与浏览器建立TCP三向握手.

5. 成功进行握手，HTTP会话后，浏览器发送标头（请求标头）

6. 在Web服务器上输入Web服务器，例如Apache，Tomcat，Node.JS等.

7. 输入已部署的后端应用程序，例如PHP，Java，JavaScript，Python等，并找到相应的请求处理

8. 处理后返回标题，将数据返回到浏览器

9. 浏览器开始下载html文档（响应标头，状态码200）浏览器加载图片原理，并同时设置缓存

10. 稍后，浏览器将解析整个HTML结构以形成DOM树. 同时，它需要解析相应的CSS文件以形成CSS树（CSSOM）. 渲染树

11. 获取工程图树后，您需要计算页面上每个节点的位置. 这个过程称为布局

12. 布局过程在连续的二维平面上执行. 接下来，您需要栅格化并将这些结果映射到屏幕上的离散二维平面. 这个过程称为绘画浏览器加载图片原理，现代浏览. 为了提高性能，将页面分为多个层，对每个页面进行绘画，然后将其组合成一个复合页面（复合层）.

PS: “不同的URL URL操作方法有不同的加载资源和获取数据的方式”开头的其他方法的过程与上述方法类似，但是在缓存过程中有所不同

1. “转到”或在地址栏中输入以刷新: 请参见上文

2，F5刷新: 不执行步骤2，在步骤8中判断返回值，如果返回304，则表示存在缓存，然后直接使用该缓存；如果返回200，则表示没有缓存，订单将执行到最后.

p>

3. Ctrl F5刷新网页的区别在于: 没有第2步，它必须在第8步中返回200并按顺序执行到最后

4. 对于以上三种不同的方法，最好与http协议的缓存机制区分开. 这里更着重于将请求发送到服务器及其返回值. p>

如果这些资源对您有所帮助，并且您在浏览后学到了很多东西，您可能希望您的鼓励是让我继续写博客的最大动机.

想要获取有关DD博客的最新信息，可以关注DD博客微信公众号（ddblogs）

或者您可以在新浪微博上关注我，了解DD博客的最新动态: DD博客官方微博（dwtedx的微博）

如果您对资源有任何疑问，或者仍然有很多改进的余地，可以在此博客中发表评论，希望对您有所启发

为确保及时响应，您可以使用博客留言板为我留言: DD博客留言板（dwtedx留言板）

感谢您的光临，祝您生活愉快，工作愉快，并欢迎经常光临

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-149705-1.html