现在前端对移动端和小程序的开发热情很高，各种多端解决方案百花齐放。例如很火的Taro和mpvue，还有后来居上的uni-app等等。 因公司业务需要，本人最近也在忙活各种小程序，例如:之前开发的小程序的业务逻辑需要在其他平台复用，我们不可能把业务再重写一遍，所以需要研究下小程序…

对于前端同学来说，编译器可能适合神奇的魔盒🎁，表面普通，但常常给我们惊喜。 编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯🌹。 将 TypeScript 转换为 JavaScript 代码。 and so on... 使用场景非常之多，我的双手都数不过来了。😄 …

AST的具体应用，通过解读babel原理、vue模板编译过程，Prettier实现原理，来分析AST在开发中的具体使用。 AST（抽象语法树）在开发过程中扮演一个非常重要的角色，但是我们却很少去直接接触它。 无论是代码编译（babel），打包（webpack），代码压缩，css…

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

当时分享完觉得很空旷，虽然了解了其部分基础概念，也做了一个小 demo，但还是太过于表面，没有实际应用，纸上得来终觉浅。恰好最近有两次机会用上了 AST。 当 组员 整理完 项目的枚举，并将它封装为一个库后，MR 发了过来。 之前项目里零零散散的枚举统一由私有库来维护，再也不用…

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

计算机不能直接理解高级语言，只能直接理解机器语言，所以必须要把高级语言翻译成机器语言，计算机才能执行高级语言编写的程序。根据语言的执行流程，可以把语言分成编译型语言和解释型语言。 编译型语言：程序在执行之前需要一个专门的编译过程，把程序编译成 为机器语言的文件，运行时不需要重新…

Aspect 语法难懂？ASM 字节码操作繁琐？APT 难以精准找到切入点？你该试试 AST 了！编辑器级别，效率高，更轻量。 这就是抽象语法树 AST。AST（abstract syntax tree）即抽象语法树，是源代码的抽象语法结构的树状表现形式，每一个节点代表一个语法…

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…