线程池的7种创建方式

6、语法

解析是以文档所遵循的语法规则为基础的。解析的过程分为两个子过程：词法分析和语法分析。

什么是词法分析呢?

词法分析是将输入内容分割成大量标记的过程，标记(语言中的词汇)，构成内容的单位。相等于语言中的单词。

什么是语法分析呢?

语法分析是应用语言的语法规则的过程。

so，解析器一般解析工作分两个组件处理，为词法分析器(负责将输入内容分解成一个个有效标记)，解析器负责根据语言的语法规则来分析文档的结构，来构建解析树。

从源文档到解析树：Document->Lexical Analysis->Syntax Analysis->Parse Tree

解析是一个迭代的过程。

是这样的，解析器会向词法分析器请求一个新标记，并尝试将其与某条语法规则进行匹配。如果匹配规则，解析器就会将对应与该标记的节点添加到解析树中，然后继续下一个。

但是如果没有匹配的规则，解析器会将标记存储到内部，继续请求标记，直到可与之匹配的规则，但是如果没有直到的话，就会引发异常(文档无效，包含语法错误等)。

7、翻译

解析通常是在翻译的过程中，而翻译是将输入的文档转换为另一种形式，如编译器将源代码编译成机器代码，流程是将源代码解析成解析树，将解析树翻译成机器代码文档。

编译流程：Source Code -> Parsing->Parse Tree -> Translation -> Machine Code

8、解析器类型

• 两种基本的解析器类型：自上而下解析器，自下而上解析器
• 自上而下就是： 解析器从语法的高层结构出发，尝试从中找到匹配的结构。
• 自下而上就是： 解析器从低层规则出发，将输入内容逐步转化为语法规则，直至满足高层规则。

你知道一种工具叫解析器生成器吗，它能够帮助你生成解析器，你只要向它提供你所使用的语言的语法，即词汇和语法规则，然后就会生成相应的解析器。

你晕了吗?可以点击这里查看：浏览器的工作原理：新式网络浏览器幕后揭秘 https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

渲染机制

浏览器从接收到页面开始到页面显示，这整个过程中的所有步骤，称 关键渲染路径 ，一般分为两步：页面内容加载完成和页面资源完成，分别对应于DOMContentLoaded和Load

• 关键：网页的渲染过程如下，包含页面加载和页面渲染两个过程。

页面加载过程是，从服务器请求资源并构建DOM树的过程，网页渲染过程指的是通过DOM树渲染出视图内容。

首先 浏览器加载网页内容，使用HTML解释器 将网页 转变 为一系列的 token，再根据token 构建 dom 树， 当一个可见的 dom 节点 插入到dom 树时，浏览器会构建一个renderObject 节点并将其插入到 render 树中。

Render 树包含节点的样式信息，可以简单理解为 dom + css构成。Render树将交由排版引擎处理，计算出每一个RenderObject 节点的大小和位置等信息，然后再交给由渲染引擎完成页面的内容绘制。

• DOM + CSS -> Render Tree

复习一下整个关键渲染包括：

• 解析HTML，生成DOM树(DOM)
• 解析CSS，生成CSSOM树
• 将DOM和CSSOM合并，生成渲染树(Rendere-Tree)
• 计算渲染树的布局Layout
• 将布局渲染到屏幕上Paint

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!