余子酱

介绍 通过 Fetch API 方式发送请求并提供在触发请求之前拦截请求、在 url 更改时自动重新获取请求以及使用预定义选项创建自己的请求封装。 使用 源码 首先我们先来看看最简单的 Fetch A

上篇解析了 Proxy 的使用细节，这篇解析下 vue3 使用 Proxy 实现响应式的各种细节。 什么是响应式 响应性是一种可以使我们声明式地处理变化的编程范式，最典型例子是 execl 公式，公式

介绍 监听指定元素外的单击事件，一般用于弹窗。 使用 源码 简单实现 简单实现就是window监听单击事件。 以上实现功能时，会有个问题：当 target 元素的子元素被点击时，点击事件会首先在该子元

前言 当初在看 ES6 的书籍时，我首次接触到了 Proxy 这个概念。"这不就是 Object.defineProperty 的替代品吗？功能与 defineProperty 如出一辙", 那时的我

以下是分享我作为面试官的一次前端面试经历。 开始之前先介绍下背景： 岗位要求：中级前端，3~5 年工作经验。 候选人背景：某 985 硕士研究生毕业，3 年经验，期望的薪资在公司算高级前端范畴。 候选

介绍 在组件挂载后用于addEventListener添加事件，卸载时removeEventListener移除事件。 使用 源码 实现这个功能不难，就是在 onMounted 生命周期中通过 add

在 JavaScript 中可以通过原型实现继承，JavaScript 只有一种结构：对象，因此 JavaScript 的继承和其他面向对象的类继承不同，它是对象的继承。 对象原型和对象继承 在 Ja

Class 声明 可以使用类声明和类表达式来定义类。 类声明中一般会在构造函数 constructor 中添加属性： 类声明属性还有另一种方式： 然后就是声明类的方法： 也可以声明getter/set

问题 事件循环 进入到 script 标签,就进入到了第一次事件循环. 遇到同步代码，立即执行 遇到宏任务,放入到宏任务队列里. 遇到微任务,放入到微任务队列里. 执行完所有同步代码 执行微任务代码