笔记浏览器

1、浏览器的构成和运行机制。

2、浏览器内核。

浏览器内核：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。

3、浏览器交互：BOM和DOM相关webApi、监听事件。

4、浏览器缓存机制。

浏览器缓存就是把一个已经请求过的 web 资源拷贝一份存储在浏览器中，当下次请求相同的资源时，浏览器会根据缓存机制决定直接使用副本响应访问请求还是再次向服务器发送请求

5、浏览器的渲染原理。

• 解析 HTML
  这一步浏览器执行了所有的加载解析逻辑，在解析 HTML 的过程中发出了页面渲染所需的各种外部资源请求。

• 计算样式
  浏览器将识别并加载所有的 CSS 样式信息与 DOM 树合并，最终生成页面 render 树（:after :before 这样的伪元素会在这个环节被构建到 DOM 树中）。

• 计算图层布局
  页面中所有元素的相对位置信息，大小等信息均在这一步得到计算。

• 绘制图层
  在这一步中浏览器会根据我们的 DOM 代码结果，把每一个页面图层转换为像素，并对所有的媒体文件进行解码。

• 整合图层，得到页面
  最后一步浏览器会合并合各个图层，将数据由 CPU 输出给 GPU 最终绘制在屏幕上。（复杂的视图层会给这个阶段的 GPU 计算带来一些压力，在实际应用中为了优化动画性能，我们有时会手动区分不同的图层）。

6、浏览器的安全性：跨域和攻击。

参考：https://segmentfault.com/a/1190000015597029

7、HTTP协议（超文本传输）。

参考：https://blog.csdn.net/zy010101/article/details/86550258

参考：https://blog.csdn.net/Kato_op/article/details/80205256

8、cookie、session、token。

Cookie通过在客户端记录信息确定用户身份

Session通过在服务器端记录信息确定用户身份

token身份令牌

参考：https://www.cnblogs.com/wxinyu/p/9154178.html

cookie：请求时附加发送请求头，小于4k

sessionStorage：仅当前页面有效，一旦关闭就会释放，大于5M

localStorage:保存数据回一直保存，没过期时间，大于5M