笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的一切。阅读完本文，读者应该能够了解： 回归正题，文章开头我们先点一下Promi…

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。 在 ES5 中，其实 this 的指向，始终…

glob 在正则出现之前就有了，主要用于匹配文件路径，例如大名鼎鼎的 gulp 就使用了 glob 规则来匹配、查找并处理各种后缀的文件。在前端工程化的过程中，不可避免地会用 Node.js 来读取文件，例如想找到 src 目录下所有 js 和 jsx 文件，代码应该怎么写呢？…

在上一篇文章中介绍了前端工程化中脚手架工具，这篇文章作为前端工程化的第二部分，自动化构建。 一切重复工作本应自动化。 自动化构建是前端工程化中一个重要的组成部分。 自动化就是通过机器代替人工，构建就是将源代码转换为生产代码。 机器自动将源代码转换为生产代码的过程就是自动化构建工…

1. 今日主食 🍞 Node.js给我们提供了cluster模块，用于nodejs多核处理，同时可以通过它来搭建一个用于负载均衡的node服务集群。 意思是cluster mode 模式启动2个app.js的应用实例，这2个应用程序会自动进行负载均衡，- i后面的数字表示要启…

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…

过完年马上又要到金三银四面试季了，想必很多同学已经跃跃欲试，提前开始准备面试了，本文就列举了面试过程中一些常见的手写代码实现供参考。或许很多人会问，这些手写代码实现意义何在，社区已经有很多poly-fill或者函数库供选择，何必要自己费力去折腾呢？我的理解是，在真实业务开发场景…

Promise 大伙太熟悉了，简单的你都会，但是“刁钻”的大厂面试官可能会问的不那么一样，比如抛出几道题，让你来看看 Promise 的执行过程。 那么我们就来一起来深入剖析 Promise 的注册微任务和执行的完整过程。能正确的使用 Promise 且能做到知其然知其所以然~…

如果你已经写过很多 npm 模块，你就可以跳过这部分。如果没有的话，我们先看下简介。 一个 npm 模块 只 需要包含一个带有 name 和 version 属性的 package.json 文件。 看看你。 就像一只懵懂无知的小象。 你不是制作 npm 包的专家，但你很想学习…