主要内容 ·1. 浏览器架构 2. 渲染进程3. chrome运行原理4. 跨端容器
一.浏览器架构
1.单进程架构 2.多进程架构 3.面向服务端架构
（1）单进程架构：
这是一个比较过时的架构模型，在早期的时候，计算机内存低，进程很难得到足够的分配。所以单进程是为了节省计算机资源诞生的，但是单进程很难满足用户要求，存在着不流畅，容错率低，容易崩溃等特点。
（2）多进程架构
随着计算机技术的发展，计算机的能力大幅度提升，每个应用所能分配的资源也在不断提升。多进程将浏览器的各种功能进行隔离，增强了容错率，更流畅，更稳定。
（3）面向服务端架构
这是在多进程架构的基础上对浏览器功能的进一步划分，这种方式对计算机的要求更高，普通的计算机能以使用这种方式，所以大多数使用这种方式的浏览器会提前检查计算机的能力，根据计算机的能力进一步选择使用多进程架构还是面向服务架构。
检查自己浏览器架构可以通过任务管理器进行判断。
多进程架构可分为：1.主进程 2.cpu进程 3.渲染进程 3.插件进程 4.其他进程 5.网络进程 6.其他进程
二.渲染进程
（1）浏览器内核：
（2）渲染进程：
渲染进程工作原理：
1.首先是网络进程接收资源，然后将接收资源分别交给JS引擎和渲染线程，JS引擎和渲染线程是彼此相斥的，在一段时间内只能运行一个。先执行JShaui's
前端性能的优化：
1.首屏优化：压缩，分包，删除无用代码。2.静态和动态分离 3.js脚本非阻塞加载 4.缓存策略 5.SSR 6.预制loding，骨架屏。
2.渲染优化：GPU加速 2.减少回流，重绘 3.离屏渲染 4.懒加载
3.js优化 1.防止内存泄漏 2.循环尽量早结束 3.合理使用闭包 4.减少DOM访问 5.防抖，节流 6.web worker
4. 跨端容器
优点1.开发成本低 2.一致性体验 3.前端开发生态 常见的跨端方案 1.webview 2.小程序 3.RN/week 4.Lynx 5.Flutter
