0、开篇词:参透了浏览器的工作原理,你就能解决80%的前端难题

你好,我是李兵,现在是一名创业者,也是一名工程师。 我是2005年开始工作的,基于对新技术的兴趣与敏感性,2008年Chromium项目一开源,我便第一时间下载体验。随后,在创业阶段的我基于Chromium和IE发布了一款双核浏览器:太阳花。 这是国...

浏览器工作原理与实践

1、Chrome架构:仅仅打开了1个页面,为什么有4个进程

无论你是想要设计高性能Web应用,还是要优化现有的Web应用,你都需要了解浏览器中的网络流程、页面渲染过程,JavaScript执行流程,以及Web安全理论,而这些功能是分散在浏览器的各个功能组件中的,比较多、比较散,要怎样学习才能掌握呢?通过浏览器...

浏览器工作原理与实践

2、TCP协议:如何保证页面文件能被完整送达浏览器

在衡量Web页面性能的时候有一个重要的指标叫“FP(First Paint)”,是指从页面加载到首次开始绘制的时长。这个指标直接影响了用户的跳出率,更快的页面响应意味着更多的PV、更高的参与度,以及更高的转化率。那什么影响FP指标呢?其中一个重要的因...

浏览器工作原理与实践

3、HTTP请求流程:为什么很多站点第二次打开速度会很快

在[上一篇文章]中我介绍了TCP协议是如何保证数据完整传输的,相信你还记得,一个TCP连接过程包括了建立连接、传输数据和断开连接三个阶段。 而HTTP协议,正是建立在TCP连接基础之上的。HTTP是一种允许浏览器向服务器获取资源的协议,是Web的基础...

浏览器工作原理与实践

4、导航流程:从输入URL到页面展示,这中间发生了什么

“在浏览器里,从输入URL到页面展示,这中间发生了什么? ”这是一道经典的面试题,能比较全面地考察应聘者知识的掌握程度,其中涉及到了网络、操作系统、Web等一系列的知识。所以我在面试应聘者时也必问这道题,但遗憾的是大多数人只能回答其中部分零散的知识点...

浏览器工作原理与实践

5、渲染流程(上):HTML、CSS和JavaScript,是如何变成页面的

在[上一篇文章]中我们介绍了导航相关的流程,那导航被提交后又会怎么样呢?就进入了渲染阶段。这个阶段很重要,了解其相关流程能让你“看透”页面是如何工作的,有了这些知识,你可以解决一系列相关的问题,比如能熟练使用开发者工具,因为能够理解开发者工具里面大部...

浏览器工作原理与实践
1238