编译流程包括哪些阶段，作用是什么
编译流程通常包括以下几个阶段，每个阶段都有其特定的作用：
- 词法分析（Lexical Analysis）：也称为扫描（
Scanning），将源代码分解为一个个称为“词法单元”的有意义的标记（token）。词法单元可以是关键字、标识符、运算符、常量、分隔符等。 - 语法分析（Syntax Analysis）：也称为解析（
Parsing），根据词法单元构建语法树（Abstract Syntax Tree，AST），确定代码的结构和语法规则是否正确。语法分析器使用上下文无关文法（Context-Free Grammar）来解析代码。 - 语义分析（Semantic Analysis）：对语法树进行分析，检查代码中的语义错误和语义相关的信息。它会检查变量声明和使用、类型匹配、作用域等，确保代码在语义上是正确的。
- 中间代码生成（Intermediate Code Generation）：将语法分析生成的 AST 转化为中间代码（如三地址码、虚拟机指令等）。中间代码是介于源代码和目标代码之间的一种抽象表示形式，便于后续优化和目标代码生成。
- 代码优化（Code Optimization）：对中间代码进行优化，改进代码的效率和性能。优化技术包括常量折叠、循环展开、公共子表达式消除等，旨在减少程序的执行时间和内存占用。
- 目标代码生成（Code Generation）：将优化后的中间代码转换为目标平台（如机器码或特定虚拟机的指令集）可执行的代码。目标代码生成将中间代码转换为低级表示形式，并进行寄存器分配、指令选取等。
- 目标代码优化（Target Code Optimization）：对目标代码进行优化，进一步改进生成的机器码的质量和性能。
- 目标代码的装配和链接（Assembly and Linking）：将目标代码翻译成二进制机器指令，并将多个目标文件和库文件链接到一起，生成可执行文件或库文件。
编译流程的作用是将高级语言的源代码转换为可执行的机器代码。
各个阶段相互协作，逐步转换和优化代码，确保程序正确、高效地运行。
通过编译器将代码从高级语言转换为底层机器码，可以提高执行效率、提供更好的可移植性，并提供更高级别的软件开发抽象。
cdn原理
CDN（Content Delivery Network，内容分发网络）是一种通过在全球不同位置部署服务器节点，将内容和数据分发到接近用户的地方，从而提供快速、高效的内容传输和缓存服务的网络架构。
CDN 的工作原理如下：
- 缓存内容分发：
CDN服务提供商会在全球不同地点设置多个服务器节点，这些节点分布在各个运营商、数据中心或网络边缘。原始内容提供者（如网站或应用程序）将自身的内容上传至CDN，CDN将这些内容缓存在节点上。 - 就近访问：当用户请求访问一个被
CDN缓存的内容时，用户的请求会被导向离用户最近的节点。这样可以大大减少内容传输的延迟和网络拥塞。 - 边缘服务器缓存：
CDN边缘服务器会缓存静态内容（如图片、脚本、CSS 文件等），当用户请求访问这些内容时，直接从边缘服务器返回，不必每次都回源请求原始服务器。 - 负载均衡：CDN 会根据服务器的负载情况和网络状况，选择合适的节点来响应用户的请求，以实现负载均衡，保证性能和可靠性。
- 动态内容加速：CDN 不仅可以缓存静态内容，还可以通过与原始服务器的通信，对动态生成的内容进行加速和优化。例如，CDN 可以缓存动态内容的片段、数据库查询结果或页面碎片，减少对原始服务器的请求压力。
- 智能路由：CDN 会根据用户的网络情况，选择最佳的网络路径来传输内容。它会综合考虑带宽、延迟、丢包率等因素，选择网络性能最好的路径，提供更快速、可靠的内容传输。
通过以上原理，CDN 提供了以下好处：
- 加速内容传输：CDN 将内容缓存在全球各地的服务器上，使用户可以从离他们更近的服务器获取内容，减少传输延迟，提升网页加载速度和用户体验。
- 减轻原始服务器负载：CDN 缓存和分发内容，减少了用户请求对原始服务器的冲击，提高了原始服务器的响应速度和处理能力。
- 提升可靠性和弹性：CDN 的多个节点备份了相同的内容，当某个节点不可用时，其他节点可以继续提供服务，提高了系统的可靠性和容错性。
总之，CDN 利用分布式部署的服务器节点，将内容缓存在离用户更近的地方，通过智能路由和负载均衡等技术，提供快速、可靠的内容分发和加速服务。
js垃圾回收原理
JavaScript 中的垃圾回收是自动进行的，它负责在运行时识别和清除不再使用的对象，以释放内存空间。
下面是 JavaScript 垃圾回收的基本原理：
- 标记-清除算法：这是 JavaScript 中最常用的垃圾回收算法。它通过标记不再使用的对象，然后清除这些对象来回收内存。
- 标记阶段：垃圾回收器
从根对象开始遍历所有可访问的对象，并将它们标记为“存活”。 - 清除阶段：垃圾回收器
遍历整个堆内存，清除未被标记的对象并回收它们所占用的内存空间。
- 根对象：在 JavaScript 中，全局对象（如
window）和正在执行的函数的局部变量对象被视为根对象。如果一个对象可以从根对象访问到，那么它就被认为是“存活”的。垃圾回收器通过追踪根对象的引用，找到所有可达的对象，将其标记为“存活”。 - 引用计数：引用计数是一种简单的垃圾回收机制，它通过记录每个对象的引用次数来判断对象是否仍然被使用。当对象被引用时，引用计数加一；当引用被移除或者重置时，引用计数减一。当引用计数为零时，对象被标记为垃圾并回收。
然而，引用计数机制无法处理循环引用的情况，即使对象之间相互引用，但没有外部可访问的引用，它们仍然会被视为垃圾。因此，在大多数现代 JavaScript 引擎中，采用了标记-清除算法来解决循环引用的问题。
值得注意的是，垃圾回收过程会造成一定的性能开销。为了最小化这种开销，现代 JavaScript 引擎使用了一些优化技术，如分代回收、增量回收和空闲时间回收等。
总结起来，JavaScript 的垃圾回收通过标记-清除算法和根对象的引用追踪来识别和清除不再使用的对象。这样可以自动管理内存，开发者不需要手动释放对象占用的内存空间。
说下tree-shaking
Tree shaking是一种用于优化代码打包的技术，主要用于移除 JavaScript 模块中未使用的代码，以减少最终打包文件的大小。这个技术的名称来源于“摇树”这个比喻，即将无用的代码从树上摇下来并移除。
在一个典型的 JavaScript 模块中，可能只使用其中的部分函数、类或变量，而其他未被使用的部分则是无效代码。Tree shaking 通过静态分析源代码和模块依赖关系来判断哪些代码是被使用的，然后将未使用的代码从最终的构建结果中排除。
Tree shaking 使用 ES6 模块语法的静态特性来实现。它依赖于编译工具（例如Webpack、Rollup等）将代码转换为标准的 ES6 模块，然后使用工具自带的优化功能来剔除未被使用的代码。
要确保 Tree shaking 生效，可以遵循以下几个原则：
- 使用 ES6 模块语法：确保代码使用
import和export关键字来导入和导出模块，而不是使用 CommonJS 或 AMD 之类的动态模块系统。 - 副作用标记：将没有副作用的代码（例如只包含函数和类的模块）进行标记，可以通过在
package.json文件中添加"sideEffects": false来告诉编译工具这些模块没有副作用，可以进行更激进的优化。 - 配置工具：使用构建工具（例如
Webpack）的相应配置来启用Tree shaking功能。通常需要将模式设置为生产模式，以便工具可以进行更多优化，并且需要确保相关选项（如mode、optimization.minimize等）被正确配置。
请注意，Tree shaking 依赖于静态分析，只能消除在编译时可确定未被使用的代码。如果代码中的一些逻辑是动态的或者来自外部的数据，那么这部分代码可能无法被静态分析，也无法被移除。
总之，通过使用 Tree shaking 技术，可以有效地减少打包后的代码体积，提升应用程序的性能。
实现一个广告屏蔽插件，有什么思路
要实现一个广告屏蔽插件，可以按照以下思路进行：
- 识别广告元素：使用DOM操作和CSS选择器等技术，识别出广告元素在页面上的特征。可以通过元素的class、ID、标签名、属性或者特定的父节点关系来判断是否是广告。
- 隐藏或移除广告元素：一旦识别出广告元素，可以使用CSS样式或者DOM操作将其隐藏或移除。例如，设置元素的
display: none或者使用remove()方法将其从DOM树中删除。 - 监听页面变化：为了应对动态加载的广告或者异步加载的内容，需要监听页面的变化。可以使用MutationObserver API来监视DOM树的更改，并实时处理新添加的广告元素。
- 白名单管理：考虑到一些网站可能会以非广告的形式加载一些内容，可以设置一个白名单，包含允许显示的元素或者网站。在过滤广告元素时，排除白名单中的元素或者网址。
- 更新和维护：由于广告的形式和特征不断变化，需要定期更新和维护插件，以适应新的广告形式和技术。
请注意，开发和使用广告屏蔽插件需要遵守法律法规和网站的使用条款。部分网站可能会禁止使用广告屏蔽插件，因此在使用插件时请务必遵守相关规定。
