当前位置: 首页 > news >正文

浏览器输入url以后所经历的过程

  1. 首先是在地址栏中输入url;
  2. 浏览器先查看浏览器缓存-系统缓存-路由缓存,如果缓存中有相应数据,就直接渲染到页面上面。如果没有则跳过这步;
  3. 在发起http请求前,需要域名解析(DNS解析),解析获取相应的ip地址;
  4. 浏览器向服务器发起tcp链接,与浏览器建立tcp三次握手;
  5. 握手成功后,浏览器想服务器发起http请求,拉取数据包;
  6. 服务器处理收到的请求,将处理的数据包返回到浏览器;
  7. 浏览器http请求响应;
  8. 读取页面内容,浏览器渲染,解析html源码;
  9. 生成DOM树,解析css样式,js交互;
  10. 客户端与服务端交互;
  11. ajax查询。

相关文章:

  • linux中DNS原理详解
  • 原型链的简单理解【关系到结论】
  • Qt中实现渐变动画效果
  • DOM树的理解【面试常问】
  • h5适配的解决方案【1】
  • class命名及前端部分规范【解决命名的疑问】
  • 小程序中使用彩色图标(阿里iconfont)
  • 前端新手引导的简单实现【Intro.js插件】
  • javascript闭包的理解及应用场景
  • 数组、链表、Hash(转)
  • 【微信小程序】小程序授权登录偶发性的解密失败原因及解决方案
  • 第一种感想
  • 【支付】uniapp之app中的支付宝、微信支付的实现及orderInfo的说明
  • 简易定制 Debian 软件仓库
  • 【扩展程序】Chrome浏览器窗口大小调整插件ResolutionTest(免费下载)
  • 4个实用的微服务测试策略
  • CentOS 7 修改主机名
  • express.js的介绍及使用
  • JavaScript 是如何工作的:WebRTC 和对等网络的机制!
  • Js基础知识(四) - js运行原理与机制
  • RxJS: 简单入门
  • Spring声明式事务管理之一:五大属性分析
  • Vue2 SSR 的优化之旅
  • Zsh 开发指南(第十四篇 文件读写)
  • 笨办法学C 练习34:动态数组
  • 从0搭建SpringBoot的HelloWorld -- Java版本
  • 简单易用的leetcode开发测试工具(npm)
  • 聊聊directory traversal attack
  • 普通函数和构造函数的区别
  • 一天一个设计模式之JS实现——适配器模式
  • 走向全栈之MongoDB的使用
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • ​用户画像从0到100的构建思路
  • # include “ “ 和 # include < >两者的区别
  • (02)vite环境变量配置
  • (1)(1.13) SiK无线电高级配置(六)
  • (2020)Java后端开发----(面试题和笔试题)
  • (2022 CVPR) Unbiased Teacher v2
  • (27)4.8 习题课
  • (LeetCode 49)Anagrams
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (附源码)spring boot公选课在线选课系统 毕业设计 142011
  • (转)大道至简,职场上做人做事做管理
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .NET 线程 Thread 进程 Process、线程池 pool、Invoke、begininvoke、异步回调
  • .NET命名规范和开发约定
  • /usr/bin/python: can't decompress data; zlib not available 的异常处理
  • @Autowired多个相同类型bean装配问题
  • [2013AAA]On a fractional nonlinear hyperbolic equation arising from relative theory
  • [Android] 修改设备访问权限
  • [Angularjs]ng-select和ng-options
  • [BUUCTF]-PWN:wustctf2020_number_game解析(补码,整数漏洞)
  • [C puzzle book] types