更多小诀窍会在官网持续补充。如果对于以上case有疑问或者新的问题，请写在评论区，我们会很快回复～ 接下来还会发更多AST代码转换的专题文章，请持续关注阿里妈妈前端快爆。

由于 Lynx(公司自研跨端框架)编译工具和传统Web编译工具链有较大的差别（如不支持动态 style 和动态 script 基本告别了 bundleless 和 code splitting，模块系统基于 json 而非 js，没有浏览器环境)，且有在 Web 端实时编译(搭…

这次来尝试使用JS解析执行JS吧。虽然看上去没什么用但是能够对代码的执行更加清晰也不免是一件好事。 真要说的话可能在一些"小程序"之类的场景有用处，另外则是能够将这个思路套用到其他地方，比如某种情况下自定义一种语法然后使用JS执行。 不要需要注意的是解释器和编译器在很多地方是相…

晓强哥在他的上篇文章里介绍了 里面提到获得抽象语法树的过程为：代码 => 词法分析 => 语法分析 => AST，抱着深究技术细节的目的，我决定研究这里的词法分析和语法分析，写一个简单的四则运算表达式转换成AST的方法，于是就有了下面的内容。 人类习惯 a + b 这种表达叫做…

说起编译原理，印象往往只停留在本科时那些枯燥的课程和晦涩的概念。作为前端开发者，编译原理似乎离我们很远，对它的理解很可能仅仅局限于“抽象语法树（AST）”。但这仅仅是个开头而已。编译原理的使用，甚至能让我们利用JS直接写一个能运行JS代码的解释器。 接触过小程序开发的同学应该知…

AST 是抽象语法树的缩写词，表示编程语言的语句和表达式中生成的 token。有了 AST，解释器或编译器就可以生成机器码或者对一条指令求值。 小贴士: 通过使用 Bit，你可以将任意的 JS 代码转换为一个可在项目和应用中共享、使用和同步的 API，从而更快地构建并重用更多代…

本篇文章是笔者精读 the-super-tiny-compiler 的源代码后的总结，笔者特别推荐大家去读，否则看此篇文章容易一头雾水。 首先，建立对 ast 抽象语法树的初步了解，大家可以在 astexplorer 这个网站上输入一段 javascript 代码，在右侧面板中…

Babel为当前最流行的代码JavaScript编译器了，其使用的JavaScript解析器为babel-parser，最初是从Acorn 项目fork出来的。Acorn 非常快，易于使用，并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍es…

1. 开发背景 即提高开发者写出<d-button type="primary"></d-button>的效率,当写完后鼠标悬浮到type上时，应该出现type的相关描述. 自动补全,输入<d-这样的组件标签,可以提示API并补全,同时可以提示参数…