【浏览器工作原理与实践笔记一】：宏观视角上的浏览器

文章目录

【浏览器工作原理与实践笔记一】：宏观视角上的浏览器
- 一、Chrome架构：仅仅打开了1个页面，为什么有4个进程
- 二、TCP协议：如何保证页面文件能被完整送达浏览器
- - ⼀个数据包的“旅程”
  - - 1. IP：把数据包送达目的主机
    - 2. UDP：把数据包送达应⽤程序
    - 3. TCP：把数据完整地送达应⽤程序
  - 总结
- 三、HTTP请求流程：为什么很多站点第二次打开速度会很快
- - 浏览器端发起HTTP请求流程
  - - 1. 构建请求
    - 2. 查找缓存
    - 3. 准备IP地址和端口
    - 4. 等待TCP队列
    - 5. 建⽴TCP连接
    - 6. 发送HTTP请求
  - 服务器端处理HTTP请求流程
  - - 1. 返回请求
    - 2. 断开连接
    - 3.重定向
  - 问题解答
  - - 1. 为什么很多站点第⼆次打开速度会很快？
    - 2. 登录状态是如何保持的？
  - 总结
- 四、导航流程：从输⼊URL到⻚⾯展⽰，这中间发⽣了什么？
- - 从输入URL到页面展示
  - - 1. 用户输⼊
    - 2. URL请求过程
    - - （1）重定向
      - （2）响应数据类型处理
    - 3. 准备渲染进程
    - 4. 提交⽂档
    - 5. 渲染阶段
  - 总结
  - - 从输⼊URL到⻚⾯展示，这中间发⽣了什么？
    - 更为详细的答案：
- 五、渲染流程（上）：HTML、CSS和JavaScript，是如何变成⻚⾯的？
- - 构建DOM树
  - 样式计算（Recalculate Style）
  - - 1. 把CSS转换为浏览器能够理解的结构
    - 2. 转换样式表中的属性值，使其标准化
    - 3. 计算出DOM树中每个节点的具体样式
  - 布局阶段
  - - 1. 创建布局树
    - 2. 布局计算
  - 总结
- 六、渲染流程（下）：HTML、CSS和JavaScript，是如何变成⻚⾯的？
- - 分层
  - 图层绘制
  - 栅格化（raster）操作
  - 合成和显示
  - 渲染流水线大总结
  - 相关概念
  - - 1. 更新了元素的几何属性（重排）
    - 2. 更新元素的绘制属性（重绘）
    - 3. 直接合成阶段
  - 总结

一、Chrome架构：仅仅打开了1个页面，为什么有4个进程

这一部分的笔记放在了别的博客中：点击这里

【浏览器工作原理与实践笔记一】：宏观视角上的浏览器相关推荐

《浏览器工作原理与实践》学习笔记
浏览器原理前言本文是学习李兵老师的<浏览器工作原理与实践>过程中记录笔记,详细链接见文末进程vs线程进程:一个应用程序的运行实例就是一个进程,详细来说就是:启动一个应用程序的时候, ...
＜＜浏览器工作原理与实践＞＞读书笔记
1. 进程和线程的区别概念: 进程:操作系统进行资源分配和调度的基本单位:程序的运行实例:(在我们启动一个程序的时候,操作系统会为该程序创建一块内存空间,用来存放代码,运行数据,和执行任务的主线程, ...
【浏览器工作原理与实践三】：浏览器中的网络
[浏览器工作原理与实践三]:浏览器中的网络文章目录 [浏览器工作原理与实践三]:浏览器中的网络一.HTTP1:HTTP性能优化超文本传输协议 HTTP/0.9 被浏览器推动的 HTTP/1.0 ...
浏览器工作原理与实践学习笔记
浏览器工作原理与实践参考来源: 极客时间-李兵专栏李兵简介: 08年,在 Chromium 和 IE 发布了一款双核浏览器:太阳花,国内第一款双核浏览器 ,支持chrome并兼容IE,日活达到了2 ...
服务器向所有浏览器响应数据,浏览器工作原理与实践总结一
一.常用Chrome架构 Chrome 打开一个页面需要启动多少进程?你可以点击 Chrome 浏览器右上角的"选项"菜单,选择"更多工具"子菜单,点击&quo ...
浏览器工作原理探究详解
浏览器工作原理探究标签: 浏览器工作原理 / web性能优化引言最近对web的性能优化比较感兴趣,而前端代码主要在浏览器工作的.如果对浏览器的工作原理了解清楚,可以为web性能优化提供方向以及理 ...
前后端必学的网络安全浏览器工作原理学习笔记
宏观视角下的浏览器 c/s client --server b/s browser --server 进程和线程 ctrl+alt+delete 进程:就是在内存中正在运行的应用程序特点:1 在内存 ...
javascript---001-运行原理01_前端三大技术_JS重要性_Atwood定律_JS应用_JS让人迷惑_TypeScript会取代JS吗_JS是一门编程语言_浏览器工作原理_浏览器内核
javascript-001-运行原理01 1.前端三大技术 HTML CSS Javascript 2.Javascript的重要性 (1)javascript是很多框架的基础,Vue,React, ...
浏览器工作原理：从 URL 输入到页面展现到底发生了什么？
转载自简书:https://www.jianshu.com/p/d616d887953a,仅做记录分享,侵删对浏览器原理有过了解的一定不会陌生这篇神文<How Browsers Work> ...

【浏览器工作原理与实践笔记一】：宏观视角上的浏览器

【浏览器工作原理与实践笔记一】：宏观视角上的浏览器

文章目录

一、Chrome架构：仅仅打开了1个页面，为什么有4个进程

【浏览器工作原理与实践笔记一】：宏观视角上的浏览器相关推荐

最新文章

热门文章