- 前端浏览器
- 浏览器工作原理与实践
目录
- # 1. 宏观视角下的浏览器 (6讲)
- 1-1. Chrome架构：仅仅打开了1个页面，为什么有4个进程？ 1-2. TCP协议：如何保证页面文件能被完整送达浏览器 1-3. HTTP请求流程：为什么很多站点第二次打开速度会很快 1-4. 导航流程：从输入URL到页面展示这中间发生了什么 1-5. 渲染流程（上）：HTML、CSS和JavaScript是如何变成页面的 1-6. 渲染流程（下）：HTML、CSS和JavaScript是如何变成页面的
- # 2. 浏览器中的JavaScript执行机制 (5讲)
- 2-1. 变量提升：JavaScript代码是按顺序执行的吗 2-2. 调用栈：为什么JavaScript代码会出现栈溢出 2-3. 块级作用域：var缺陷以及为什么要引入let和const 2-4. 作用域链和闭包：代码中出现相同的变量，JavaScript引擎如何选择 2-5. this：从JavaScript执行上下文视角讲this
- # 4. 浏览器中的页面循环系统 (6讲)
- 4-1. 消息队列和事件循环：页面是怎么活起来的 4-2. Webapi：setTimeout是怎么实现的 4-3. Webapi：XMLHttpRequest是怎么实现的 4-4. 宏任务和微任务：不是所有的任务都是一个待遇 4-5. 使用Promise告别回调函数 4-6. async await使用同步方式写异步代码
- # 5. 浏览器中的页面 (8讲)
- 5-1. 页面性能分析：利用chrome做web性能分析 5-2. DOM树：JavaScript是如何影响DOM树构建的 5-3. 渲染流水线：CSS如何影响首次加载时的白屏时间？ 5-4. 分层和合成机制：为什么css动画比JavaScript高效 5-5. 页面性能：如何系统优化页面 5-6. 虚拟DOM：虚拟DOM和实际DOM有何不同 5-7. PWA：解决了web应用哪些问题 5-8. webComponent：像搭积木一样构建web应用
- # 6. 浏览器中的网络 (3讲)
- 6-1. HTTP1：HTTP性能优化 6-2. HTTP2：如何提升网络速度 6-3. HTTP3：甩掉TCP、TCL包袱 构建高效网络