前端笔记

这篇文章不涉及 Webpack 的原理，只是观察下 Webpack 对 commonjs 和 esmodule 模块打包后的产物，读完后会对模块系统有个更深的了解。

平时开发各种布局基本上可以 flex 一把梭，不用再纠结 float 这个神奇属性了。但一直又没有专门去记忆一下 flex 的属性，开发的时候还是顺手百度下属性的含义，略显不够专业[旺柴]。

前端开发中，每天和我们见面最多的也许就是 this 关键字了，一直想总结一篇 this 的文章，然后看到了 Gentle Explanation of "this" in JavaScript

前几天在知乎看到一篇文章，用 TypeScript 类型运算实现一个中国象棋程序 ： 边看边 woc，TypeScript 不是一个类型系统吗，咋还实现象棋了，感觉发现了新大陆一样，然后就研究了一下

毕业前对前端工程化一直没有什么切身的体会，现在工作也有半年多了，体会也越来越深，npm，yarn，Webpack ，gulp，Babel，ESlint，TypeScript 最近准备一一去深入了解一下，看到一篇不错的关于前端工程化的发展过程，就翻译了一下，How it feel…

前端从零到一的项目配置，涉及到 `Webpack`、`React`、`Babel`、`TypeScript`、`Ant Design`、`Sass`、`Eslint`、`Prettier`

准备了解一下 eslint 的原理，就先看一下最早一版 eslint 的实现吧。github 打了 tag 的最早的版本就是 0.0.2 了，提交记录是八年前了。

通过早期 babel 源码的学习，更加深刻的了解 babel 原理，解析、转化、生成目标代码，一个编译器的全部