AST简介 抽象语法树（abstract syntax trees），就是将代码转换成的⼀种抽象的树形结构，通常是 json描述。

babel 是怎么实现的，编译流程是什么，内部有哪些包，如何从 0 到 1 写一个简易 babel，这篇文章帮你理清思路

深入理解渲染函数的生成过程，理解编译器是如何将 AST 变成运行时的代码，也就是我们写的类 html 模版最终变成了什么？

Talk 因为最近工作上有需要使用解析 JavaScript 的代码，大部分情况使用正则表达式匹配就可以处理，但是一旦依赖于代码上下文的内容时，正则或者简单的字符解析就很力不从心了，这个时候需要一个语言解析器来获取整一个 AST（abstract syntax tree）。 然…

转译器的 parser 篇： 如何实现 js 新语法 并编译到 css。 js、css、html parser 都有哪些，如何写 acron 插件、postcss 插件。本文都会告诉你

编译原理科普文，编译是什么，转译器、编译器、解释器的区别是啥，编译流程都做了什么，前端领域哪些地方用到编译技术。

编译和转译的区别，前端为什么需要转译器，都有哪些转译器。之后介绍了babel、typescript、terser、prettier、postcss、swc 等转译器。一文全面了解前端转译器。

上一篇文章分析 Babel 编译流程的时候，提到 Babel 会将 JS 代码转换成 AST（抽象语法树）。这种行为是一种通用的行为，无论什么编程语言都会将源代码解析成 AST，AST 不是 Babel 特有的，更不是 JS 特有的。 为什么要这么做呢？原始的 JS 文件是计算…

理解AST是我们接下去内容的基础。 Javascript语言是由一串字符串生成的，每一个都带有着一些可视的语义信息。这对我们来说都很有用,因为它允许我们使用匹配字符 ([], {}, ())， 成对的字符（"", ''），以及缩进，让我们更好的理解程序。 然后这对计算机来说是无…