一个浏览器，还是计算机科学的游乐场？

最初只是与几个学生的随意讨论，很快变成了**“将浏览器工程作为计算机科学的学习游乐场。”**

浏览器几乎涵盖了所有计算机科学学科——数据结构、操作系统原语、编译器与解释器、网络、渲染、数据库、信息检索，以及越来越重要的机器学习。

1. 数据结构

我们学习的基础结构——数组、列表、映射和字典树——在浏览器的各种功能中广泛应用。它们的效率与性能成正比。你愿意在敲击键盘后等待之前访问过的网址显示出来吗？或者因为广告拦截器的过滤列表仍在加载而看到广告？

2. 操作系统

标签页就是任务，而调度是最关键的操作系统功能之一——浏览器几乎完美地映射了这一点。浏览器不断在它们之间进行切换：这个标签页可见吗？响应良好吗？后台标签页会受到限制——定时器变慢，资源被收回——这样前台体验就不会为你看不到的东西买单。而且每个标签页都在自己的沙盒进程中运行。从很多方面来看，浏览器本身就是操作系统。

3. 编译器与解释器

你访问的每个页面都是实时解析和执行的代码。HTML被解析成DOM，CSS被解析成CSSOM，JavaScript被解释——所有这一切都在第一个像素渲染之前完成。当解释速度不够快时，浏览器内置了JIT编译器。热点代码路径会被即时编译成原生机器码。

4. 网络

浏览器内置了完整的网络栈：DNS解析、TLS握手、HTTP/2多路复用、连接池和预取。浏览器决定何时打开连接、何时复用、以及何时抢先获取你还未请求的内容。这可不是简单的管道工程，而是系统设计。

5. 渲染

解析和布局本身就是一门工程学科。浏览器构建树结构，解析它们如何交互，绘制、合成图层，并将任务交给GPU。一次简单的CSS更改可能触发影响半个页面的重排——这是关于树算法和管道优化的即时课程。

6. 数据库

浏览器在底层静默地运行着关系型存储。历史记录、书签、cookie和缓存资源都被索引、查询，并根据策略过期。有没有想过自动完成功能如何在毫秒内从多年的浏览记录中找出正确的URL？那是查询优化，不是魔法。

7. 信息检索

每次你在地址栏中输入时，都在使用一个信息检索系统。浏览器实时对历史记录、书签和搜索建议进行排序——同时评估相关性、时效性和频率。这与搜索引擎解决的问题相同，只是范围限定在你的本地浏览世界。

8. 机器学习

浏览器中的机器学习最初悄无声息地用于钓鱼检测和智能建议。现在，借助设备端模型，浏览器正成为一个本地推理运行时。没有云端往返，没有延迟开销。曾经需要远程API调用的功能，现在运行在渲染页面的同一个进程中。

还有一件事…

WebGPU 和 WebAssembly。

WebAssembly让你可以编译C、C++和Rust——几乎任何语言——并在浏览器中以接近原生的速度运行。WebGPU则提供对图形硬件的直接、底层访问。

将这些全部结合起来，你就拥有了一个可以运行游戏引擎、训练模型、处理视频和渲染3D图形的浏览器——而就在几年前，这些事情还完全与标签页无缘。

浏览器正悄然成为我们所拥有的最通用的计算平台。