Relaxj

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

这篇文章干货不少于上篇文章，这篇我们深入讨论一下宏这个玩意 —— 我想我们对宏并不陌生，因为很多程序员第一门语言就是 C/C++; 一些 Lisp 方言也支持宏(如 Clojure、Scheme), 听说它们的宏写起来很优雅；一些现代的编程语言对宏也有一定的支持，如 Rust、…

官方解释:Tree是一个递归目录列表程序，它生成一个深度缩进的文件列表。给出目录参数时，树会列出给定目录中找到的所有文件和/或目录 类似树的格式列出目录的内容，类似于Linux树命令。提供了CLI和Node API tree -L n 显示项目的层级。n表示层级数。比如你想要显…

针对中文输入法，提供了compositionstart、compositionupdate、compositionend事件，其中 compositionstart 会在中文输入法开始就触发，upate会在不断输入字符时触发，end事件和input事件的触发顺序，各个浏览器的实…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

跨域定义：协议（http和https）、域名、端口号任意一个不同，都属于跨域。 因为跨域的存在，我们需要额外配置很多信息，比如http请求中的headers，尤其是做低版本浏览器（如IE8、IE9）兼容时，跨域是一件很麻烦的事情。所以当初的设计者为什么要设置跨域呢？ 现在就能理…

原先我一直以为这个插件，可以用来设置所有环境（浏览器环境、node 环境）下的变量。经过测试发现，只能设置node 环境下的变量 —— NODE_ENV 经常在一些群里看到这个问题： cross-env 和 webpack.DefinePlugin 配合使用的时候，无法通过 p…

该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…