从几个问题开始

• 遇到问题时百度，google
• 什么是 B/S 架构
• 输入网址到网站的最终呈现经历了哪些过程
• 浏览器如何将代码为可正常进行的网站
• 不知道使用什么技术来提升 Web APP 性能

操作系统之上的操作系统

多进程架构

graph TB
    subgraph Chrome Browser
        subgraph Browser Process
            UIThread[UI Thread]
            Network[Network]
            Storage[Storage]
            Plugin[Plugin]
        end
        
        subgraph Renderer Process
            MainThread[Main Thread]
            CompositorThread[Compositor Thread]
            RasterizerThread[Rasterizer Thread]
            WorkerThreads[Worker Threads]
        end
        
        subgraph GPU Process
            GPUThread[GPU Thread]
        end
        
        subgraph Utility Process
            UtilityTasks[Various Utility Tasks]
        end
        
        subgraph Extension Process
            ExtensionThreads[Extension Threads]
        end
    end

各个进程的作用

• 浏览器进程
• 渲染进程
  • 解析
  • 样式计算
  • 布局
• GPU 进程
• 网络进程
• 插件进程

多进程架构的好处

Electron 设计

相关文章

• Inside look at modern web browser