做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

可能有人会奇怪一个 EventLoop 还能写出什么，且听我慢慢来逼叨，看完这篇文章带你搞定 Event Loop 以及它相关的一些知识点。 在开始说 Event Loop 之前，我们先来认识一下它到底是个什么东西。 上面这段是Wikipedia对 Event Loop 的解释…

我觉得每个人可能都有过看源码的想法吧，也包括我。因为看源码不光能使自己对这个库更加熟悉，还能学习到作者强大的思想，久而久之，自己的水平和思想也会有明显的提升的。 1. 查看工具函数 2. 入口文件 3. Store类的实现 可以看到传入的 options 整体可以看成一个根模块…

如何创建一个Promise对象呢？ 我们需要通过new 关键字创建。很简单吧，所以我们知道Promise是一个类 这个函数为Promise的执行器，创建这个类的时候执行器会”立即“执行。 这样我们应该给Promise类在构造器里面传递一个执行器，并立即执行。 刚刚我们实现的简单…

在最新发布的Vue3.0中，尤大大果断放弃了Object.defineProperty，加入了Proxy来实现数据劫持，那么这两个函数有什么区别呢？本文深入的剖析一下两者的用法以及优缺点，相信看文本文你也会理解为什么Vue会选择Proxy。 obj：要定义属性的对象。 prop…

本文是我一年前写的老文章，这次重新发布是因为回头看发现之前文章有好多错误或者理解不清的地方。时隔一年，以前很多不理解的地方突然清晰了很多，可能这就是在实践中的成长吧。 string类型即字符串，除了单引号双引号，es6 中引入了新的反引号 ` ` 来包含字符串。反引号的扩展功能…

对于Promise，相信大多数人都已经了解并且可以熟练的使用它的各种方法，但是追究它的底层原理，可能并不清楚，这篇文章是自己在经过一段时间的学习后写出来的，里面包含了自己对Promise的理解，并且按照步骤一步一步的手写了Promise以及then方法，希望这篇文章可以帮助到你…

作为前端开发，JS是重中之重，最近结束了面试的高峰期，基本上offer也定下来了就等开奖，趁着这个时间总结下32个手写JS问题，这些都是高频面试题，希望对你能有所帮助。 当然也可以用include、filter，思路大同小异。 类数组是具有length属性，但不具有数组原型上的…