花样前端

回顾 babel 6和 babel 7一路发展过来都做了哪些设计，解决了哪些问题，展望下 babel 8 ，我们是不是可以看到它的样子了呢？本文带你深入babel 的本质！

首先先看看本文最终的结果。 好了，话不多说， 看看这棵贼丑的树是怎么诞生的吧。 坐标系，或者说平面直角坐标系，是几何图形学的基础，其次是点、线、面这些元素。 坐标系大家都很熟悉， 最初接触坐标系应该是初中， 那时候的坐标系不知大家还有没有印象。 原点在中间， 水平轴是 x 轴，…

为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃... 这就能打消我学习 rollup 的决心吗？不…

算法中有个专题，动态规划，它十分的重要，大厂面试中或多或少有所涉及，来网易之前，刷了部分dp，这次正好再次梳理一遍，希望对你们有一点点帮助。 如果你已经懂了dp思路，或者已经掌握了常见的dp解法，可以直接跳过。 如果你还不了解，或者知道动态规划，但是还没有开始刷题的话，可能这篇…

为了配合单页面 Web 应用快速发展的节奏，近几年，各类前端组件化技术栈层出不穷。通过不断的版本迭代 React、Vue 脱颖而出，成为当下最受欢迎的两大技术栈。 仅 7 个月的时间，两个技术栈的下载量就突破了百万，React 甚至突破了千万。不管是现下流行的 React、Vu…

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

引用 leetcode 的一段话，我认为它讲很权威，我将结合实战带你学习动态规划。 看得很懵吧？懵就对了，我当初接触动态规划的时候，也懵了很久。但是，只有我们搞清楚以下几个问题，动态规划其实也不是那么的难。（三维四维DP难到怀疑人生QAQ） 还是有点懵？懵就对了，我详细解释一下…

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…