笔记 从输入 URL 到页面渲染的整个流程

最新推荐文章于 2024-03-14 22:42:12 发布
最新推荐文章于 2024-03-14 22:42:12 发布
阅读量142 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ygx_work/article/details/106176626
版权
  1. DNS 查询 DNS 缓存
  2. 建立 TCP 连接（三次握手）连接复用
  3. 发送 HTTP 请求（请求的四部分）
  4. 后台处理请求
    4.1 监听 80 端口
    4.2 路由
    4.3 渲染 HTML 模板
    4.4 生成响应
  5. 发送 HTTP 响应
  6. 关闭 TCP 连接（四次挥手）
  7. 解析 HTML
  8. 下载 CSS（缓存
  9. 解析 CSS
  10. 下载 JS（缓存
  11. 解析 JS
  12. 下载图片
  13. 解析图片
  14. 渲染 DOM 树
  15. 渲染样式树
  16. 执行 JS
ygx_work
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
值得收藏的asp.net基础学习笔记
10-21
当用户通过浏览器访问一个 ASPX 页面时，请求被发送到服务器上的 Internet Information Services (IIS)。IIS 首先尝试处理静态内容，如 HTML 文件。但对于 ASPX 文件，IIS 根据文件后缀映射表找到合适的处理程序，...
Ajax 学习笔记
10-25
**Ajax（Asynchronous JavaScript and XML）技术是Web开发中的一个重要组成部分，它允许在不刷新整个网页的情况下，与服务器交换数据并局部更新页面。这极大地提高了用户体验，使得网页交互更加流畅和快速。本学习...
浏览器输入url到页面渲染完成经历了哪些步骤
前端学习笔记
03-01 2076
确认字符 (Acknowledge character），在数据通信中，接收站发给发送站的一种传输类控制字符，表示发来的数据已确认接收无误。传输控制协议（Transmission Control Protocol），是一种面向连接的、可靠的、基于字节流的传输层通信协议。的时候就已经开始了，并不是等到接收完成后才开始，解析的过程是自上而下，先解析当前节点的所有子节点，再解析兄弟节点及其子节点。SYN=1, ACK=1, seq=y, ack=x+1（确认字符为1，序列号为x+1，此处seq为。
浏览器从输入URL到页面渲染加载的过程（浏览器知识体系整理）
铁锤妹妹的博客
05-10 4798
记得最开始学前端知识时，是一点一点的积累，一个知识点一个知识点的攻克。 就这样，虽然在很长一段时间内积累了不少的知识，但是，总是无法将它串联到一起。每次梳理时都是很分散的，无法保持思路连贯性。
输入 URL 到页面渲染的整个流程
小魔仙的成长之路
04-03 204
script src="script.js"> 没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。首先浏览器会判断状态码是什么，如果是 200 那就继续解析，如果 400 或 500 的话就会报错，如果 300 的话会进行重定向，这里会有个重定向计数器，避免过多次的重定向，超过次数也会报错。服务端收到连接请求报文段后，如果同意连接，则会发送一个应答。
从输入url到页面渲染全过程
代码的魅力，根本走不出来
04-13 345
首先在本地 DNS缓存中查找是否已经有相应的 DNS 记录，如果没有，则向本地 DNS 服务器发起请求，如果本地 DNS 服务器也没有相应的 DNS记录，则向根 DNS 服务器发起请求，以此类推，直到找到对应的 IP 地址或者找不到。浏览器解析渲染页面 浏览器收到响应后，会对 HTML 进行解析，构建 DOM 树，对 CSS 进行解析，构建 CSSOM 树，接着将DOM 树和 CSSOM树组合成渲染树，最后进行渲染，得到最终的页面。网络层：主要负责数据的分组和路由选择等，以实现跨网络的数据传输和路由选择。
URL输入到页面渲染过程
最新发布
子玉的博客
03-14 392
1. **URL解析**：当用户在浏览器的地址栏中输入一个URL时，浏览器会首先对URL进行解析，包括解析协议（如http、https）、主机名、路径等信息。4. **发起HTTP请求**：一旦建立TCP连接，浏览器会向服务器发送HTTP请求，请求特定资源（如HTML文件、CSS文件、JavaScript文件等）。2. **DNS解析**：如果URL中包含域名，在解析完URL后，浏览器会向DNS服务器发送请求，将域名解析为相应的IP地址，以便建立网络连接。
PHP学习笔记总结.doc
09-22
【PHP学习笔记总结】 ...它能够嵌入HTML中，让...总之，PHP是一种功能强大的服务器端脚本语言，适用于各种Web开发场景，从简单的动态网页到复杂的Web应用程序。通过深入学习PHP，开发者可以构建高效、安全的网站系统。
javascript入门笔记
05-15
内核负责页面内容的渲染，由以下两部分组成： 1、内容排版引擎 - 解析HTML/CSS 2、脚本解释引擎 - 解析Javascript 2、搭建JS运行环境(重点) 1、独立安装的JS解释器 - NodeJS console.log("Hello World"); ...
python基于django的学习笔记系统源码.zip
10-27
在Python中，Django提供了完整的后端解决方案，包括数据库交互、URL路由、模板渲染、表单处理以及用户认证等核心功能。Django的优势在于其“ batteries included ”的理念，即内置了许多实用的功能模块，如ORM（对象...
从输入URL到页面渲染的整个过程 - 个人笔记
树上骑个猴的博客
05-15 3869
1、首先是URL地址解析 浏览器会判断输入的是一个合法的URL还是一个待搜索的关键词，并且根据输入的内容自动完成字符编码等操作 2、接着发起真正的URL请求，如果浏览器本地缓存了这个url请求所需的资源，则会直接将数据转发给浏览器进程，如果没有缓存，则会查询DNS域名解析，首先查找浏览器有没有DNS缓存（比如之前有访问记录），如果有则返回IP。如果没有就寻找本地的host文件，看看有没有域名记录，如果有则返回IP，如果本地host文件没有则直接向本地DNS服务器请求，如果还是没有，继续向上DNS服务器请求，
从浏览器输入URL到渲染完整个页面的过程
qq_48192192的博客
11-08 2105
从浏览器输入URL到渲染完整个页面的过程1.获取IP地址2.TCP/IP三次握手建立连接3.浏览器向web服务器发送http请求4.浏览器渲染5.四次挥手断开连接 1.获取IP地址 在应用层通过DNS将域名解析成IP地址。 2.TCP/IP三次握手建立连接 知道了服务器的IP地址后，浏览器利用tcp协议通过三次握手与服务器建立连接。 建立连接需要三个过程（三次握手）： 客户机向服务器发送一个建立连接的请求（客户机向服务器拨打电话） 服务器接到请求后发送同意连接的信号（服务器接听电话） 主机接到同意连接的信号
【译】从输入URL到页面渲染完成
allenliu6的博客
04-25 6042
以下是我意译加直译了原文作者的文章内容，翻译得不好，还请多多指教。 原文链接：从输入URL到页面渲染完成 作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。 本文将更深入的研究当你访问一个URL时，到底发生了一件件什么样的事。
面试题：从输入URL到渲染页面全过程
qq_38705158的博客
06-11 1381
网页从输入URL到渲染完成的全过程 总的来说，整个过程可以分成三部分： 1.DNS解析URL的过程； 2.浏览器发送请求与服务器交互的过程； 3.浏览器对接收到的页面进行渲染的过程。 具体步骤如下： 1. 输入URL后，首先进行DNS解析得到IP地址。 DNS：Domain Name System，是一个域名系统。DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用URL域名（如www.baidu.com）作为网址。DNS解析就是将域名翻译成IP地址的过程。 首先会查询缓存，
页面渲染的过程
weixin_39307273的博客
03-17 6620
一、页面渲染是客户端请求页面的最后一步 DNS解析域名 TCP建立连接 HTTP发送请求 服务器返回状态码及相应数据 浏览器解析渲染页面 二、页面渲染 浏览器加载，解析，渲染页面 　　解析html 构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树 ： 我们知道浏览器为了体验友好，并不是文档全部都解析才绘制到屏幕上...
从输入URL到页面加载的过程？由一道题完善自己的前端知识体系！
qq_14855277的博客
03-16 2050
对知识体系进行一次预评级看到这道题目，不借助搜索引擎，自己的心里是否有一个答案？这里，以目前的经验（了解过一些处于不同阶段的相关前端人员的情况），大概有以下几种情况：（以下都是以点见面，实际上不同阶段人员一般都会有其它的隐藏知识点的）level1:完全没什么概念的，支支吾吾的回答，一般就是这种水平（大致形象点描述）：浏览器发起请求，服务端返回数据，然后前端解析成网页，执行脚本。。。这类人员一般都是：
从输入url到页面渲染的全过程+DNS解析
weixin_41358807的博客
04-09 242
全过程 输入url后，浏览器先查看浏览器缓存、本地缓存、路由缓存，若没有则进行下一步 进行域名解析（DNS），获取对应的ip地址 浏览器宇服务器进行tcp三次握手 浏览器发送HTTP请求，请求数据包 服务器获取请求，将数据返回给浏览器 浏览器收到响应后读取解析HTML源码，生成DOM数，解析css,解析js 浏览器于服务器进行ajax查询 DNS解析 浏览器检查自身缓存、检查操作系统缓存 浏览器向本地服务器发起请求 本地服务器向根域名服务器发起请求，返回给本地服务器一个国际顶尖域名服务器的地址 本地服
从输入一个URL到页面渲染的流程简介
weixin_41563161的博客
03-22 465
从输入一个URL到页面渲染的流程简介 从输入URL到页面加载，简单来说分为以下几个过程： 输入URL DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 解析渲染页面 连接结束 具体过程如下： 首先，在浏览器地址栏中输入URL。 域名解析。实现网址到IP地址的转换。 当发送一个url请求时，不管这个ur...
Python编程学习笔记：从入门到实践（第二版）
"这是一份关于《Python编程从入门到实践》第二版的学习笔记，涵盖了Python的基础知识，包括安装、变量、简单数据类型等。笔记详细介绍了Python环境的搭建，如如何从官网下载安装Python，安装pip以及如何通过pip安装...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值