在使用 tsc 编译我的代码时，对我目前来说，有三个基本的坑，下面我会对它们进行简单的阐述，在此之前看下即将被编译的目录结构。 解决问题的办法就是使用 copyfiles 命令行工具，它和上面我们介绍的插件一样，都是在 tsc 编译之后，做一些额外操作达到我们想要的目的。 这样…

在上一篇里，我们主要聊了下Vue数据绑定简析，明白了其观察者模式的基本原理。我们知道在观察者中有一种属于渲染函数观察者(vm._watcher)，通过对渲染函数的求值计算来触发依赖收集，进而进行响应式的数据绑定，但是对于渲染函数如何编译却不曾了解。 这一篇我们将通过compil…

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

其实如果有需要将 非结构化数据转 换成 结构化对象用 来分析、处理、渲染的场景，我们都可以用此思想做转换。 我们知道 html 源码只是一个文本数据，尽管它里面包含复杂的含义和嵌套节点逻辑，但是对于浏览器，babel 或者 vue 来说，输入的就是一个长字符串，显然，纯粹的一个…

本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。 这些文章统一放在我的git仓库：https://github.com/yzsunlei/javascript-series-code-an…

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

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