现在你已经熟悉了 Babel 的所有基础知识了，让我们把这些知识和插件的 API融合在一起来编写第一个 Babel 插件吧。先从一个接收了当前babel对象作为参数的 function 开始。

Babel 是 JavaScript 编译器，更确切地说是源码到源码的编译器，通常也叫做“转换编译器（transpiler）”。 意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。

这本手册涵盖了关于Babel的使用及其相关工具的内容。Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel 你可以使用（并创建）下一代的 JavaScript，以及下一代的 JavaScript 工具。

我们都知道，vue3 可以用 ref 和 reactive 来定义响应式数组，但是为什么要提供两种定义方式呢？这两者本质的区别是什么？什么场景下使用 ref 呢？什么场景下使用 reactive 呢？我们来一探究竟。

由于我们的小程序是使用 webview 组件来实现展示功能，最近有个需求需要做微信小程序分享功能，用户通过分享的卡片来跳转到具体的 webview 地址页面。

最近遇到一个需求需要渲染大量的数据，如果常规渲染1万条数据，由于DOM数量渲染过多，浏览器会导致卡顿，那么如何解决呢？聪明的你可能会想到只渲染可视区域的数据。但是具体逻辑可能自己实现不出来，不妨试试以下4个react虚拟列表组件。😈

在不使用 UI 组件库开发 vue 项目的时候，我们需要一些 loading 效果，比如全局加载，局部加载，按钮加载中等等。本文整理了 4 款高性能简单易用的 vue 加载中组件，入手简单，赶紧用起来。

EventEmitter 可以描述为发布-订阅的实现，通过 EventEmitter 可以实现事件的订阅和发布。实现一个发布订阅功能，在大厂面试中出现的频率也是相对较高，那么本文将一步一步实现如何实现一个发布订阅功能。

在前端面试，面试官想问一道闭包的面试题，基本离不开循环输出这道题。for (var i = 0; i <= 3; i++) { setTimeout(function() { console.log(i); }, 1000); }