# 浏览器工作原理
这一系列文章,主要讲解了浏览器中各个互相进程配合的执行机制,渲染机制,以及一些重要的JavaScript
语法,如Promise
、this
和闭包等。
Part1:
- 01.Chrome架构:仅仅打开了1个页面,为什么有4个进程
- 02.TCP协议:如何保证页面文件能被完整送达浏览器
- 03.HTTP请求流程:为什么很多站点第二次打开速度会很快
- 04.导航流程:从输入URL到页面展示这中间发生了什么
- 05.渲染流程(上):HTML、CSS和JavaScript是如何变成页面的
- 06.渲染流程(下):HTML、CSS和JavaScript是如何变成页面的
Part2:
- 07.变量提升:JavaScript代码是按顺序执行的吗
- 08.调用栈:为什么JavaScript代码会出现栈溢出
- 09.块级作用域:var缺陷以及为什么要引入let和const
- 10.作用域链和闭包:代码中出现相同的变量JavaScript引擎如何选择
- 11.this:从JavaScript执行上下文视角讲this
Part3:
Part4:
- 15.消息队列和事件循环:页面是怎么活起来的
- 16.Webapi:setTimeout是怎么实现的
- 17.Webapi:XMLHttpRequest是怎么实现的
- 18.宏任务和微任务:不是所有的任务都是一个待遇
- 19.使用Promise告别回调函数
- 20.async await使用同步方式写异步代码
Part5:
- 21.页面性能分析:利用chrome做web性能分析
- 22.DOM树:JavaScript是如何影响DOM树构建的
- 23.渲染流水线:CSS如何影响首次加载时的白屏时间?
- 24.分层和合成机制:为什么css动画比JavaScript高效
- 25.页面性能:如何系统优化页面
- 26.虚拟DOM:虚拟DOM和实际DOM有何不同
- 27.PWA:解决了web应用哪些问题
- 28.webComponent:像搭积木一样构建web应用
Part6: