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

这篇具有很好参考价值的文章主要介绍了前端面试的话术集锦第 7 篇：高频考点（浏览器渲染原理 & 安全防范）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

1. 浏览器渲染原理

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

1.1 渲染过程

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

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

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

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

当结束标记化后，这些标记会紧接着转换为Node，最后这些Node会根据不同Node之前的联系构建为⼀颗DOM树。文章来源地址https://www.toymoban.com/news/detail-777740.html

到了这里，关于前端面试的话术集锦第 7 篇：高频考点（浏览器渲染原理 & 安全防范）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！