JavaScript必知必会

在现代前端开发中，响应式编程早已成为构建用户界面的核心范式。无论是React的Hooks、Vue的组合式API，还是SolidJS的细粒度更新，它们的底层都离不开一个共同的原语——Signals。

虚拟 DOM 的真正功劳：性能兜底与开发范式 虚拟 DOM 解决的是两个核心问题： 研发效率：它让前端开发进入了“声明式”时代。

在前端开发中，我们经常遇到这样的场景：多个独立的组件或事件流（Event Stream）几乎同时触发，它们都需要依赖同一个异步获取的资源——比如鉴权 Token。

数组对应数据结构线性表的顺序存储结构，即数组中的元素在内存中是按照物理位置一个挨着一个连续存储的。通常来说数组的大小是固定的，我们在创建数组的时候就确定了数组的元素个数，但是js的数组是天生动态的，数组容量大小可以动态扩展。 这个数组的方法是将数组拼接成以某个字符串作为分隔符的…

变量作用域顾名思义就是变量作用范围，即我们可以在什么地方去使用这个变量，es6之前的js的作用域只有两种，即函数作用域和全局作用域。 词法作用域就是定义在词法阶段的作用域。换句话说，词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的，因此当词法分析器处理代码时会保持作用…

面向对象是一种编程思想，其重要特征就是多态和继承，通常涉及到类和类和类的实例（对象）、接口等概念。JavaScript中没有类，但是我们可以使用构造函数和原型模拟类的实现。 说到js的继承，那首先想到的肯定是原型链，实际上js中实现继承就是依赖原型链的机制，那么下面就让我们详细…

webpack是一个代码编译打包工具，有入口，出口、loader和插件等，大多数前端开发人员能够熟练的使用webpack管理我们的代码，但我们可能还没有尝试理解过webpack编译的原理，让我们怀着好奇(｀ﾍ´)=3的心态通过阅读编译后的源码来尝试理解一下webpack编译的基…

说人话就是Blob为一些JavaScript操作二进制数据的API提供了数据交换机制的支持。比如我们比较熟系的File接口就是基于Blob实现的，也是我们使用的Blob最多的方式，我们还可以借助Blob使用XMLHttpRequest从网络下载文件(二进制数据)，并且Blob可…

观察者模式中通常有两个模型，一个观察者（observer）和一个被观察者（Observed）。从字面意思上理解，即被观察者发生某些行为或者变化时，会通知观察者，观察者根据此行为或者变化做出处理。那么具体如何操作呢，接下来我们就用JavaScript代码实现一个下图👇所示的观察…