这是我参与「青训营 x 字节前端训练营」笔记创作活动的第5天，以下是我的课堂笔记。 本次课程主要分为三个大板块：
1.浏览器架构
2.渲染进程
3.Chrome运行原理
4.跨端容器
浏览器架构是指浏览器软件的整体架构，包括各个模块的组成和相互之间的关系。一个典型的浏览器架构包括以下几个主要部分：
-
浏览器进程：浏览器进程是浏览器的主进程，负责处理用户界面、用户输入、网络请求等。浏览器进程还负责管理和协调其他进程的运行。
-
渲染进程：渲染进程是负责网页渲染的进程。每个标签页都有一个独立的渲染进程，用于渲染该标签页中的网页内容。渲染进程主要包括以下几个子进程：
- 主渲染进程：负责解析 HTML、CSS、JavaScript 等网页内容，并将其渲染成页面。
- GPU 进程：负责将页面中的图形渲染到屏幕上。
- 网络进程：负责处理网络请求和响应。
- 插件进程：负责运行浏览器插件。
-
插件进程：某些浏览器插件需要独立的进程来运行，以确保它们的安全性和稳定性。
-
GPU 进程：负责将页面中的图形渲染到屏幕上。
-
浏览器扩展进程：负责运行浏览器扩展。
-
存储进程：负责将浏览器数据存储到本地磁盘中，包括浏览器历史记录、Cookie、缓存等。
Chrome 是一款基于 WebKit 渲染引擎的浏览器，其运行原理主要包括以下几个方面：
-
多进程架构：Chrome 采用多进程架构，将不同的功能模块分别运行在不同的进程中，以提高浏览器的安全性和稳定性。
-
Blink 渲染引擎：Chrome 使用 Blink 渲染引擎来渲染网页内容。Blink 是 WebKit 的一个分支，它具有更好的性能和更多的功能。
-
V8 JavaScript 引擎：Chrome 使用 V8 JavaScript 引擎来解析和执行 JavaScript 代码。V8 是一款高性能的 JavaScript 引擎，可以快速地编译和执行 JavaScript 代码。
-
WebAssembly：Chrome 支持 WebAssembly 技术，可以在浏览器中运行原生代码，从而提高网页的性能和响应速度。
跨端容器是一种可以在多个平台上运行的应用容器。跨端容器可以将网页应用封装在容器中，以便在不同的设备和操作系统上运行。常见的跨端容器包括 Electron、React Native、Flutter 等。这些容器可以使用 Web 技术开发应用程序，同时也可以在本地环境中运行。跨端容器可以大大简化应用程序的开发和维护工作，使开发者可以更快速地开发跨平台应用。
跨端容器的工作原理是将网页应用封装在一个本地的框架中，通过本地的框架提供的 API 来访问设备的本地功能，比如访问摄像头、通讯录、地理位置等。这些本地的 API 通常由跨端容器提供，开发者可以通过调用这些 API 来实现应用程序的功能。跨端容器还可以提供一些本地的 UI 组件，可以让应用程序在不同平台上具有相同的外观和行为。
跨端容器的优点在于可以帮助开发者快速地开发跨平台应用程序，而不用考虑不同平台的差异性。跨端容器可以让应用程序在多个平台上具有相同的外观和行为，从而提高用户体验和应用程序的可用性。同时，跨端容器还可以提供一些本地的 API，让应用程序可以访问设备的本地功能，从而扩展应用程序的功能。
跨端容器的缺点在于性能可能不如原生应用程序。由于跨端容器需要在本地环境中运行，所以性能可能会受到一些限制。同时，跨端容器还需要依赖于本地的框架和 API，这可能会造成一些兼容性问题和版本更新问题。因此，在选择跨端容器时，需要根据应用程序的具体需求和平台特性来选择最合适的容器。
