浏览器工作原理与实践
开篇词 | 参透了浏览器的工作原理,你就能解决80%的前端难题
01 | Chrome架构:仅仅打开了1个页面,为什么有4个进程?
03 | HTTP请求流程:为什么很多站点第二次打开速度会很快?
04 | 导航流程:从输入URL到页面展示,这中间发生了什么?
05 | 渲染流程(上):HTML、CSS和JavaScript,是如何变成页面的?
06 | 渲染流程(下):HTML、CSS和JavaScript,是如何变成页面的?
07 | 变量提升:JavaScript代码是按顺序执行的吗?
08 | 调用栈:为什么JavaScript代码会出现栈溢出?
09 | 块级作用域:var缺陷以及为什么要引入let和const?
10 | 作用域链和闭包 :代码中出现相同的变量,JavaScript引擎是如何选择的?
11 | this:从JavaScript执行上下文的视角讲清楚this
14 | 编译器和解释器:V8是如何执行一段JavaScript代码的?
17 | WebAPI:XMLHttpRequest是怎么实现的?
20 | async/await:使用同步的方式去写异步代码
22 | DOM树:JavaScript是如何影响DOM树构建的?
24 | 分层和合成机制:为什么CSS动画比JavaScript高效?
27 | 渐进式网页应用(PWA):它究竟解决了Web应用的哪些问题?
28 | WebComponent:像搭积木一样构建Web应用
31|HTTP/3:甩掉TCP、TLS 的包袱,构建高效网络
32 | 同源策略:为什么XMLHttpRequest不能跨域请求资源?
33 | 跨站脚本攻击(XSS):为什么Cookie中有HttpOnly属性?
加餐一|浏览上下文组:如何计算Chrome中渲染进程的个数?
加餐二|任务调度:有了setTimeOut,为什么还要使用rAF?