COLLECTION 12
浏览器工作原理与实践
该页面目前收录46篇文章。
COURSE DIRECTORY
课程导航
7 门课程 · 目录公开，正文登录后阅读
- 001开篇词 | 参透了浏览器的工作原理，你就能解决 80% 的前端难题极客时间/浏览器工作原理与实践/开篇词 _ 参透了浏览器的工作原理，你就能解决80%的前端难题/开篇词 _ 参透了浏览器的工作原理，你就能解决80%的前端难题 登录后阅读
- 00201 | Chrome 架构：仅仅打开了 1 个页面，为什么有 4 个进程？极客时间/浏览器工作原理与实践/01 _ Chrome架构：仅仅打开了1个页面，为什么有4个进程？/01 _ Chrome架构：仅仅打开了1个页面，为什么有4个进程？ 登录后阅读
- 00302 | TCP 协议：如何保证页面文件能被完整送达浏览器？极客时间/浏览器工作原理与实践/02 _ TCP协议：如何保证页面文件能被完整送达浏览器？/02 _ TCP协议：如何保证页面文件能被完整送达浏览器？ 登录后阅读
- 00403 | HTTP 请求流程：为什么很多站点第二次打开速度会很快？极客时间/浏览器工作原理与实践/03 _ HTTP请求流程：为什么很多站点第二次打开速度会很快？/03 _ HTTP请求流程：为什么很多站点第二次打开速度会很快？ 登录后阅读
- 00504 | 导航流程：从输入 URL 到页面展示，这中间发生了什么？极客时间/浏览器工作原理与实践/04 _ 导航流程：从输入URL到页面展示，这中间发生了什么？/04 _ 导航流程：从输入URL到页面展示，这中间发生了什么？ 登录后阅读
- 00605 | 渲染流程（上）：HTML、CSS 和 JavaScript，是如何变成页面的？极客时间/浏览器工作原理与实践/05 _ 渲染流程（上）：HTML、CSS和JavaScript，是如何变成页面的？/05 _ 渲染流程（上）：HTML、CSS和JavaScript，是如何变成页面的？ 登录后阅读
- 00706 | 渲染流程（下）：HTML、CSS 和 JavaScript，是如何变成页面的？极客时间/浏览器工作原理与实践/06 _ 渲染流程（下）：HTML、CSS和JavaScript，是如何变成页面的？/06 _ 渲染流程（下）：HTML、CSS和JavaScript，是如何变成页面的？ 登录后阅读
- 00807 | 变量提升：JavaScript 代码是按顺序执行的吗？极客时间/浏览器工作原理与实践/07 _ 变量提升：JavaScript代码是按顺序执行的吗？/07 _ 变量提升：JavaScript代码是按顺序执行的吗？ 登录后阅读
- 00908 | 调用栈：为什么 JavaScript 代码会出现栈溢出？极客时间/浏览器工作原理与实践/08 _ 调用栈：为什么JavaScript代码会出现栈溢出？/08 _ 调用栈：为什么JavaScript代码会出现栈溢出？ 登录后阅读
- 01009 | 块级作用域：var 缺陷以及为什么要引入 let 和 const？极客时间/浏览器工作原理与实践/09 _ 块级作用域：var缺陷以及为什么要引入let和const？/09 _ 块级作用域：var缺陷以及为什么要引入let和const？ 登录后阅读
- 01110 | 作用域链和闭包：代码中出现相同的变量，JavaScript 引擎是如何选择的？极客时间/浏览器工作原理与实践/10 _ 作用域链和闭包 ：代码中出现相同的变量，JavaScript引擎是如何选择的？/10 _ 作用域链和闭包 ：代码中出现相同的变量，JavaScript引擎是如何选择的？ 登录后阅读
- 01211 | this：从 JavaScript 执行上下文的视角讲清楚 this极客时间/浏览器工作原理与实践/11 _ this：从JavaScript执行上下文的视角讲清楚this/11 _ this：从JavaScript执行上下文的视角讲清楚this 登录后阅读
- 01312 | 栈空间和堆空间：数据是如何存储的？极客时间/浏览器工作原理与实践/12 _ 栈空间和堆空间：数据是如何存储的？/12 _ 栈空间和堆空间：数据是如何存储的？ 登录后阅读
- 01413 | 垃圾回收：垃圾数据是如何自动回收的？极客时间/浏览器工作原理与实践/13 _ 垃圾回收：垃圾数据是如何自动回收的？/13 _ 垃圾回收：垃圾数据是如何自动回收的？ 登录后阅读
- 01514 | 编译器和解释器：V8 是如何执行一段 JavaScript 代码的？极客时间/浏览器工作原理与实践/14 _ 编译器和解释器：V8是如何执行一段JavaScript代码的？/14 _ 编译器和解释器：V8是如何执行一段JavaScript代码的？ 登录后阅读
- 01615 | 消息队列和事件循环：页面是怎么"活"起来的？极客时间/浏览器工作原理与实践/15 _ 消息队列和事件循环：页面是怎么“活”起来的？/15 _ 消息队列和事件循环：页面是怎么“活”起来的？ 登录后阅读
- 01716 | WebAPI：setTimeout 是如何实现的？极客时间/浏览器工作原理与实践/16 _ WebAPI：setTimeout是如何实现的？/16 _ WebAPI：setTimeout是如何实现的？ 登录后阅读
- 01817 | WebAPI：XMLHttpRequest 是怎么实现的？极客时间/浏览器工作原理与实践/17 _ WebAPI：XMLHttpRequest是怎么实现的？/17 _ WebAPI：XMLHttpRequest是怎么实现的？ 登录后阅读
- 01918 | 宏任务和微任务：不是所有任务都是一个待遇极客时间/浏览器工作原理与实践/18 _ 宏任务和微任务：不是所有任务都是一个待遇/18 _ 宏任务和微任务：不是所有任务都是一个待遇 登录后阅读
- 02019 | Promise：使用 Promise，告别回调函数极客时间/浏览器工作原理与实践/19 _ Promise：使用Promise，告别回调函数/19 _ Promise：使用Promise，告别回调函数 登录后阅读
- 02120 | async/await：使用同步的方式去写异步代码极客时间/浏览器工作原理与实践/20 _ async_await：使用同步的方式去写异步代码/20 _ async_await：使用同步的方式去写异步代码 登录后阅读
- 02221 | Chrome 开发者工具：利用网络面板做性能分析极客时间/浏览器工作原理与实践/21 _ Chrome开发者工具：利用网络面板做性能分析/21 _ Chrome开发者工具：利用网络面板做性能分析 登录后阅读
- 02322 | DOM 树：JavaScript 是如何影响 DOM 树构建的？极客时间/浏览器工作原理与实践/22 _ DOM树：JavaScript是如何影响DOM树构建的？/22 _ DOM树：JavaScript是如何影响DOM树构建的？ 登录后阅读
- 02423 | 渲染流水线：CSS 如何影响首次加载时的白屏时间？极客时间/浏览器工作原理与实践/23 _ 渲染流水线：CSS如何影响首次加载时的白屏时间？/23 _ 渲染流水线：CSS如何影响首次加载时的白屏时间？ 登录后阅读
- 02524 | 分层和合成机制：为什么 CSS 动画比 JavaScript 高效？极客时间/浏览器工作原理与实践/24 _ 分层和合成机制：为什么CSS动画比JavaScript高效？/24 _ 分层和合成机制：为什么CSS动画比JavaScript高效？ 登录后阅读
- 02625 | 页面性能：如何系统地优化页面？极客时间/浏览器工作原理与实践/25 _ 页面性能：如何系统地优化页面？/25 _ 页面性能：如何系统地优化页面？ 登录后阅读
- 02726 | 虚拟 DOM：虚拟 DOM 和实际的 DOM 有何不同？极客时间/浏览器工作原理与实践/26 _ 虚拟DOM：虚拟DOM和实际的DOM有何不同？/26 _ 虚拟DOM：虚拟DOM和实际的DOM有何不同？ 登录后阅读
- 02827 | 渐进式网页应用（PWA）：它究竟解决了 Web 应用的哪些问题？极客时间/浏览器工作原理与实践/27 _ 渐进式网页应用（PWA）：它究竟解决了Web应用的哪些问题？/27 _ 渐进式网页应用（PWA）：它究竟解决了Web应用的哪些问题？ 登录后阅读
- 02928 | WebComponent：像搭积木一样构建 Web 应用极客时间/浏览器工作原理与实践/28 _ WebComponent：像搭积木一样构建Web应用/28 _ WebComponent：像搭积木一样构建Web应用 登录后阅读
- 03029 | HTTP/1：HTTP 性能优化极客时间/浏览器工作原理与实践/29 _ HTTP_1：HTTP性能优化/29 _ HTTP_1：HTTP性能优化 登录后阅读