客户端容器

• 浏览器架构：

1. 浏览器（主进程）：主要负责页面展示逻辑，用户交互，子进程管理，包括地址栏，书签，前进，后退等。
2. GPU进程：负责UI（界面）绘制，包含整个浏览器全部UI。
3. 网络进程：网络服务进程，负责网络资源加载。
4. 标签页（渲染进程）：控制tab内所有内容，将html，css和javascript转化为用户可交互的网页。
5. 插件进程：控制网站上运行的插件。
6. 其他进程。

• 渲染进程任务：加载资源，构建渲染数树，计算布局，绘制图层，合成帧。
• 构建渲染树：

1. 构建DOM树，将HTML文本转化为浏览器可以理解的结构。
2. 构建CSSDOM树，将CSS代码转化为浏览器可以理解的结构。
3. 构建渲染树，渲染树是DOM树和CSSOM树的结合。

• 页面绘制：

1. 构建图层：为特定节点生成专用图层。
2. 绘制图层：一个图层分成很多绘制指令，然后将这些指令按照顺序组成一个绘制列表，交给合成线程。
3. 合成线程：接受指令生成图块。
4. 栅格线程将图块进行栅格化。
5. 展示在屏幕上。

• 跨段容器：webview 即网页视图，加载网页url，并展示其内容的控件。
• 使用webview的优势：

1. 一次开发，处处使用，学习成本低。
2. 随时发布，即时更新，不用下载安装包。
3. 移动设备性能不断提升，性能有保障。
4. 通过JSBridge和原生系统交互，实现复杂功能。

• native方法是一个Java调用非Java代码的接口。
• JSBridge是Native和非Native之间的桥梁，主要给JS提供Native功能的接口。
• 跨度容器通用原理：

1. UI组件
2. 渲染引擎
3. 通信桥梁
4. 底层API抹平表现差异

前端语言串讲

• css写法：h1(selector（选择器））{color(property（属性）：blue(value(数值))}（declaration（声明））
  
• 在html中添加css：

1. 直接在代码中加style。
2. 在头部加style type=text/css。
3. 引入外部样式，在头部加link标签 link rel="stylesheet" type="text/css" href="style.css"。