爱收集资源网

浏览器是如何工作的?前端工程师告诉你

网络整理 2023-10-02 01:03

最近这几年,云计算的普及和 HTML5 技术的快速发展,越来越多的应用转向了浏览器 / 服务器(B/S)架构,这种改变让浏览器的重要性与日俱增,视频、音频、游戏几大核心场景也都在逐步往 Web 使用场景切换。可以说,在 PC 端,浏览器早已处于绝对的统治地位。

作为开发工程师,理解浏览器是怎样工作的,对我们做业务的技术选型、架构设计等都有十分重要的作用,让我们可以确切评估 Web 开发项目的可行性,站在更高维度考量页面,以及在快节奏的技术迭代中把握住问题的本质。

可是我发觉,大部分前端工程师对浏览器的理解,其实并不深入透彻。比如,一道你们都熟悉的面试题:“在浏览器里,从输入 URL 到页面展示中间发生了哪些?”

这道题涉及到网路、操作系统、Web 等一系列的知识,如果你要开发流畅的页面,或者确诊 Web 页面中的性能问题,那你就须要了解 URL 是如何弄成页面的,只有搞清那些以后,你才可以站在全局的角度定位问题或则写出高效的代码。

#f:5:7:0:9:1:2:c:a:3:a:9:8:d:d:3:d:2:f:3:4:5:e:6:c:8:5:d:6:8:7:3#

浏览器确实会涉及好多概念,不仅繁杂并且繁杂,包括网路、渲染、安全,以及大后端相关的大量概念。比如,首屏的显示就涉及了 DNS、HTTP、DOM 解析、CSS 阻塞、JavaScript 阻塞等技术诱因,其中一项没处理好就可能造成整个页面的延时。如果没有系统的学习,很容易出现遗漏和盲区。

所以,一开始就得完善上去浏览器的宏观视角,搭建起“浏览器知识大楼”的脚手架,这样就可以把这种知识点串成线,连成网,最终产生自己的知识体系,练如同专家一样思索问题、解决问题的能力。

刚开始研究这东西时,没少在网上找资料。让我感觉很有收获的,是李兵写的《浏览器工作原理与实践》,老李是前盛大创新院中级研究员,现在是一名创业者,深耕浏览器和后端领域十多年,经验很是丰富。

他的经历也十分传奇(下面详尽说),自然写的专栏也是与众不同,更具实操性。我如今也常常拿出来 2 刷,整体读起来的觉得,就是通俗易懂,深入浅出,让我把浏览器,把网路、页面渲染、JavaScript、浏览器安全、V8 原理等知识都串联上去,对整个后端体系有了全新的认识。

而且图文并茂的诠释,比如下边是“线程之间共享进程中的数据示意图”:

#f:c:2:2:6:4:6:e:5:4:a:c:b:e:5:d:f:2:1:d:2:1:3:9:1:0:f:6:6:5:5:0#

最重要的是,他把后端性能优化的底层逻辑能讲明白讲透彻,让我再见到一些奇怪的问题,不用一句一句地看代码,很大程度提升了自我查找和解决问题的能力。现在有一万多人学习,马上要降价到 129 元了,建议先买后看。

#0:1:b:e:0:c:f:2:7:8:c:3:1:d:4:7:d:a:a:a:6:e:2:b:6:4:e:b:1:3:1:2#

秒杀 +口令「liulanqi8」到手 69

仅限「前 50 人」有效,即将涨至 ¥129

说起李兵,是个传奇人物。08年的时侯,他就基于 Chromium 和 IE发布了一款双核浏览器:太阳花。这是国外第一款双核浏览器,你在使用它的时侯,除了能享受到Chrome的快捷之外,还能兼容只支持IE的站点。

开发过程中最大的挑战是怎样在 Chromium 中集成 IE 模块,为此花了大量时间来研究 Chromium 的进程构架以及渲染流程。可能如今你不认为有多厉害,但在当时,这款浏览器,在没有任何宣传的情况下,日活达到了20多万。

之后李兵去了盛大创新院,参与研制WebOS项目,基于WebKit内核构建一个能和安卓并存的操作系统。在团队中负责 HTML5 特性的实现,比如实现 Web Workers、Application Cache、LocalStorage、IndexedDB、CSS3 部分动漫疗效等。

后来,他又到了顺网科技,和团队塑造了一款给全省网咖使用的“F1浏览器”,日启量达到2000万。大家都晓得,网吧的笔记本环境异常复杂,页面绑架常常发生,再加上每晚千万级别的启动量,对页面安全、加载速率和流畅度都有很高的要求。

可以说,这些经历,让李兵在浏览器的渲染流程、浏览器安全、页面性能的优化等核心技术上,有独特理解和独家经验。

这个课也帮助到很多人,截了点评价供参考。

#4:a:e:2:d:6:8:0:4:6:2:0:d:0:6:a:9:b:d:c:6:e:c:7:3:3:b:e:4:1:2:d#

有多干货,看看目录吧。

#1:2:b:4:2:2:4:6:a:a:b:9:b:3:3:1:6:1:4:d:7:3:1:0:9:6:9:f:8:2:b:c#

学习后端最重要的是要理解浏览器的工作原理,毕竟我们写的代码最终是要被浏览器处理的,理解浏览器背后的原理可以帮我们更快速定位问题,找到问题的解决方案。了解浏览器是怎样工作的,能够让你站在更高的角度去理解后端。

重要的事情,再说一遍:

秒杀 + 口令「liulanqi8 」

到手仅 69,即将涨至 129

半价拿下,帮你到这了!

#0:b:7:8:0:d:0:1:f:1:2:9:0:b:a:a:2:f:b:5:c:d:5:e:8:8:8:e:0:0:7:3#

2 杯咖啡的钱,就能把握后端知识本源,以不变应万变,几年后的你,会谢谢自己明天的投资。

点击「阅读原文」,记得用口令「 liulanqi8」到手仅五折 69。

浏览器工作原理是怎样的
上一篇:头条神技,让你的文章瞬间火爆全网 下一篇:没有了