客户端容器
目录
- 浏览器架构
- 渲染进程
- Chrome运行
- 跨端容器
浏览器架构
- 单进程架构：所有模块运行在同一个进程中
- 多进程架构：即将不同模块进行拆分，主要分为主进程、网络进程、渲染进程、GPU进程等
- 面向服务架构：将原来的UI、数据库、文件、设备、网络等，作为一个独立的基础服务
容易看出，随着架构的改变，各个进程的扩展性、安全性、稳定性、流畅度均会发生改变
渲染进程
- JS引擎：负责解析js脚本，运行js程序，每个渲染进程下面只有一个js引擎线，与GUI渲染线程相斥
- GUI渲染：负责渲染浏览器界面，解析html.css，构建dom树和render树、布局、绘制，和js引擎线程互斥，GUI更新会在js引擎空闲时立即执行
- 定时器线程：定时器所在线程，setTimeout、setInterval计时完毕后，将回调添加到事件队列，等待js引擎空闲时执行
- 网络线程：在XHR、 Fetch等发起请求后新开一个网络线程请求，如果设置了回调函数,在状态变更时，将回调放入事件队列，等待js引擎执行
- 事件触发：由宿主环境提供，用于控制事件循环，不断地从事件队列里取出任务执行
这些线程由于刚开始学，可能理解不了，先有个概念，以后性能优化可能会用到，这里要关注到js引擎与GUI渲染这两个进程是相斥的
Chrome运行原理
- 输入处理
- 开始导航
- 读取响应
- 寻找渲染进程
老师有分析网站卡顿的原因，主要有js函数加载的卡顿
跨端容器
老师讲了为什么跨端，比较容易理解的是各平台使用编程语言不同，跨平台开发可以统一技术栈
以下是常见的跨端方案
- webview
- 小程序
- RN/WeeX
- Lynx
- Flutter
目前webview使用的比较广泛，老师也比较看好webview的发展
