在JavaScript中，理解作用域、变量提升(hoisting)以及执行上下文的概念对于编写高效且可维护的代码至关重要。特别是刚接触代码的同学们看完这篇文章后，可以更好地掌握JavaScrip

最近在日常搬砖时接到一个需求，需要在网页上实现一个代码编辑器，编辑器支持govaluate语法（govaluate语法简介请戳这里），需要有代码编辑器最基本的交互效果，代码提示、关键词高亮、代码错误捕

序言 在上一讲的分享《编译技术在前端的实践（一）——编译原理基础》中，我们介绍了编译原理的最基本概念，并结合表达式计算器的例子介绍了手工编写递归向下解析器的方法。 但在前端的生产实践中，很少需要费时费

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

无论是对于任何语言框架来说，编译部分的知识往往是隐藏在代码内部不为认知但又非常重要的知识。 大部分前端工程师对于编译原理方面的内容或许仅仅停留在表象层面的理解，仅仅”知其然而不知其所以然“。

日常工作中，我们会碰到js代码解析的场景，比如分析代码中require了哪些包，有些什么关键API调用，大部分情况使用正则表达式来处理，可一旦场景复杂，或者依赖于代码上下文时，正则就很难处理了，这时候就要用到抽象语法树。常见的uglify、eslint、babel、webpac…

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

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。