会飞的鱼鱼

IntersectionObserver 提供了一种高效的方法来观察元素是否进入或离开视窗，而无需依赖滚动事件或定时器。...

webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，...

因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://git...

在软件开发过程中，好的代码命名是非常重要的。它可以使你的代码更加易读、易懂、易维护。然而，有时候我们会遇到命名困惑，不知道应该如何命名变量、函数、注释等。这时候，智能命名工...

创建一个CLI（命令行界面）工具可以帮助开发者提高工作效率。在本篇文章中，我将介绍如何使用JavaScript快速打造一个CLI工程工具，包括以下主要步骤： 创建一个空的N...

本文将介绍如何基于 Visual Studio Code 开发一个简单的插件，该插件会在编辑器中添加一个自定义命令。我们将通过 TypeScript 语言和 VS Code...

Webpack 是一个流行的前端打包工具，它提供了许多生命周期钩子来帮助开发者在构建项目时进行定制化处理。本文将介绍 Webpack 生命周期的概念以及如何使用 JavaS...

当使用JavaScript框架或库时，代码中可能会存在许多未使用的函数和变量，这些未使用的代码会使应用程序的文件大小变大，从而影响应用程序的性能。Tree shaking可...

热模块替换（Hot Module Replacement，HMR）是一种前端开发中常用的技术，可以使得在不刷新页面的情况下，实时更新修改的代码，提高开发效率。HMR在Rea...

这个Promise类的实现是一个基础版本，它没有考虑到一些复杂的情况，比如异步操作的并发、链式调用等。但是，它可以帮助我们更好地理解Promise的基本原理和实现方式。 这...

PNPM Monorepo 是一种在大型项目中管理依赖项的方法，它可以让多个子项目共享同一个 node_modules 目录，从而减少重复安装的问题。在本文中，我们将模拟实...

词法分析是编译器的一项重要工作，其目的是将源代码转换成单个单词（token）的序列，方便后续语法分析器（parser）对其进行分析。在本文中，我们将使用 JavaScrip...

本文通过创建InputRecorder类并使用事件监听器和MutationObserver来捕捉用户操作，我们可以轻松地实现Web应用程序的录制和回放功能 步骤1：创建一个...

在本文中，我们将利用一个简易框架封装来充分展示基于Web Components的实践应用。 Web Components 是一种用于创建可重用的组件的技术，它由自定义元素、...

在本文中，我们将展示一个 Editor 类，它是一个基础的文本编辑器实现，并具有以下功能： 支持添加插件，扩展编辑器的功能； 支持完整的生命周期 可以在编辑器准备就绪和卸载...

要用Pixi.js实现一个可视化编辑器，需要先了解Pixi.js的基本概念和操作。Pixi.js是一个用于创建2D图形的JavaScript库，它可以高效地利用WebGL进...