最近突然对 AST 产生了兴趣，深入了解后发现它的使用场景还真的不少，很多我们日常开发使用的工具都跟它息息相关，如 Babel、ESLint 和 Prettier 等。本文除了介绍 AST 的一些基本概念外，更偏重实战，讲解如何利用它来对代码...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程，在学习过程中给我帮助最大的就是这个系列文章。作...

为了更方便的学习es6,需要引用babel <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

五一结束，开开心心的上班，结果第一天就给了一个惊喜，原本webpack构建好好地，突然就报了一个错。

Webpack是一个前端资源加载以及打包工具,只需要简单的配置即可实现前端各种工程化的操作。配置 webpack 说难不难，说简单也不简单，现在几大框架都配备了全家桶，quick-start 项目基本上都已经配置好了基础的 webpack 配置...

babel 是一个 JS、TS 的编译器，它能把新语法写的代码转换成目标环境支持的语法的代码，并且对目标环境不支持的 api 自动 polyfill。

最近在重复赵轮子，用rollup搞一个react 组件库，今天就简单整理下用到的插件。

目前，浏览器JavaScript引擎还没有全盘支持ES6语法（Chrome情况会好些，但依旧没有支持所有的ES6新特性），所以，我们依旧需要使用ES6转码器，将ES6语法转为ES5语法，再在浏览器中运行。...

JSX是ECMAScript一个类似XML的语法扩展。基本上，它只是为`React.createElement()` 函数提供语法糖，从而让在我们在 JavaScript 中，使用类 HTML 模板的语法，进行页面描述。 在下面的示例中，`<h1>` 内的文本标签会作为 Ja...