精心推荐一些浏览器工作原理的资料

1,066 阅读1分钟
原文链接: mp.weixin.qq.com

这是「优码」第 6 期,分享过去一段时间我最大的收获

学习前端最重要的是要理解浏览器的工作原理,毕竟我们写的代码最终是要被浏览器处理的,理解浏览器背后的原理可以帮我们更快速定位问题,找到问题的解决方案。这周刷微博的时候看到一些关于浏览器工作原理的资料,觉得非常不错。以前一直在寻找这方面的资料,一直没找到合适的。看到这两个资料,太受用了。

1、How browsers work

本文内容比较长,比较全面地介绍了浏览器的工作原理。为方便阅读我把它保存成了一个 pdf,你也可以到下面这个地址直接访问(会慢一些):

http://taligarsiel.com/Projects/howbrowserswork1.htm

内容如下:

2、Life of a pixel (像素的一生)

来自 Chrome 团队的 Steve Kobes 介绍了你所看到的「像素」是如何被显示出来的。B 站有中文字幕视频,视频对应的 PPT 做的也特别好,共 62 页,需要翻墙获取,我直接下载下来了。

https://www.bilibili.com/video/av35265997/

如果你有关于浏览器工作原理的资料,欢迎留言区分享给大家,互帮互助。回复 bro 获取上面推荐的资料。大家周末愉快。


推荐阅读:

从代码到App启动整条流水线都做了啥(一)

各种博客的代码高亮是如何实现的

普及一下“我”