😃 如何让你的代码看起来更优雅 🥰 让代码可读性更高，看起来更直观 👍 避免无用的代码，减少代码量 🐂🔥 当你的同事看到你的代码时很哇塞，直呼内行 使用&&替代if switch替代if

最近拉取了我掘金关注者信息制作了一个词云图纪念，后来突发奇想我可以用这些数据去做更多事情，比如分析一下：哪些标签以及分类更活跃，哪些文章更热门等等。当然也作为我的vue3实践～

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…

既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，这类文章很多，推荐最近看到的一篇：一口(很长的)气了解 babel，可以说是相当详实完备了。 言归正传，这…

常用的Node便是采用 CommonJS 模块规范。每个文件就是一个模块，有自己的作用域。 在浏览器端，模块需要提前编译打包处理。 上面说了，模块需要提前编译打包处理。 ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。CommonJ…

根目录创建.babelrc文件，配置presets. 其中test属性是比较关键的一个值，他可以是一个字符串，也可以是正则表达式，还可以是函数。如果定义的是字符串，会匹配入口模块名称，会从其他模块中把包含这个模块的抽离出来

... 简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和 node )能够认识并执行。本文以 babel 6.x 为基准进行讨论。最近 babel 出了 7.x，放在最后聊。 严格来说，babe…

Google 和 Airbnb 是目前最流行的 JavaScript 代码风格，如果你长期使用 JavaScript 来写代码的话，建议对比看看。 这份指南规定用2个空格（而不是4个）来表示缩进。 尽管我无法理解为什么有人会反对加分号，就像“tab 和 空格”争论一样。无论怎么…