前端面试的话术集锦第 7 篇：高频考点（浏览器渲染原理 安全防范）

这是记录前端面试的话术集锦第七篇博文——高频考点（浏览器渲染原理 & 安全防范），我会不断更新该博文。❗❗❗

1. 浏览器渲染原理

注意：该章节都是⼀个⾯试题。

1.1 渲染过程

1.1.1 浏览器接收到HTML⽂件并转换为DOM树

当我们打开⼀个⽹⻚时，浏览器都会去请求对应的HTML⽂件。虽然平时我们写代码时都会分为JS、CSS、HTML⽂件，也就是字符串，但是计算机硬件是不理解这些字符串的，所以在⽹络中传输的内容其实都是0和1这些字节数据。当浏览器接收到这些字节数据以后，它会将这些字节数据转换为字符串，也就是我们写的代码。

当数据转换为字符串以后，浏览器会先将这些字符串通过词法分析转换为标记（token），这⼀过程在词法分析中叫做标记化（tokenization）。

那么什么是标记呢？这其实属于编译原理这⼀块的内容了。简单来说，标记还是字符串，是构成代码的最⼩单位。这⼀过程会将代码分拆成⼀块块，并给这些内容打上标记，便于理解这些最⼩单位的代码是什么意思。

当结束标记化后，这些标记会紧接着转换为Node，最后这些Node会根据不同Node之前的联系构建为⼀颗DOM树。