远之喵

Object、Map 与 Set 的异同分析 ​一、共同点 ​数据存储：三者均用于存储数据，但数据组织形式不同： ​Object：以键值对（key-value）形式存储数据...

1. Vue3简介 2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n 经历了：4800+次提交、40+个RFC、600+次PR、300+贡献...

在现代 web 开发中，实时聊天功能是非常常见的应用场景之一。它广泛应用于社交平台、客服系统、在线协作工具等。实现这种功能的核心技术之一是 WebSocket，它允许在客户...

通过 JavaScript，我们可以创建一个网页水印功能，并利用 MutationObserver API 监控 DOM 变化，防止水印被删除。以下是一个完整的实现示例： ...

在这篇文章中，我们将介绍如何用 HTML、CSS 和 JavaScript 创建一个简单的 9宫格抽奖。这个抽奖程序能够模拟一个转盘效果，通过点击“开始”按钮，格子会随机转...

这些是前端开发中处理文件和数据转换的常用技术。每个技术都有其特定的用途和场景。下面将详细讲解它们的概念、使用方式以及适用的场景。 1. Blob (Binary Large...

在前端开发过程中，当我们修改代码时，通常需要手动刷新浏览器以查看更改的效果。这种开发模式不仅低效，而且容易出错。为了解决这一问题，可以使用自动刷新机制，在VS Code 插...

<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></...

在 Node.js 开发中，Express 是最为流行和广泛使用的 Web 框架之一。然而，随着项目需求的变化，一些新的轻量级框架开始崭露头角，其中 @tinyhttp/a...

在开发 Express 应用时，常常需要处理客户端发来的 JSON 数据。express.json() 是一个内置的中间件，它能够自动解析请求体中的 JSON 数据，并将其...

在开发过程中，我们经常使用 console.log 和 debugger 来调试代码，但在生产环境中，这些调试信息是多余的，可能影响性能并暴露不必要的信息。因此，确保在生产...

在 Vue.js 中，表单验证是常见的需求，而 vee-validate 库提供了一个简单而强大的解决方案。随着 vee-validate 从 3.x 版本升级到 4.x ...

在现代 web 开发中，平滑动画和过渡效果对于提升用户体验至关重要。Vue.js 提供了灵活的自定义指令系统，允许开发者以声明式的方式实现复杂的动画和交互效果。...

在现代网页设计中，动画效果能够显著提升用户体验和交互性。在本篇文章中，我们将探讨如何利用 CSS 动画。通过这个项目，我们可以学习到 CSS 动画的基本用法，...

在现代 web 应用中，用户体验至关重要。长时间的加载会导致用户流失，因此我们需要一种方法来优化数据加载。本文将探讨如何通过 fetch 方法实现后端分块返回数据的功能，模...

在现代 Web 开发中，富文本编辑器是一个常见的需求。Quill 是一个强大的富文本编辑器，结合 Vue 3 可以创建出色的编辑体验。在这篇文章中，我们将探讨如何将 Qui...

在现代 Web 应用中，为了提供更好的用户体验，一个吸引人的 Loading 页面是必不可少的。当应用正在加载数据或执行某些耗时操作时，Loading 页面可以让用户知道系...

在实际的开发过程中，经常会遇到需要从后端下载文件的情况，特别是 Excel 文件这种常见的数据存储和交换格式。本文将详细介绍如何在前端使用 fetch 请求从后端下载 Ex...

全屏功能封装 本次带来实现了一个简单的全屏切换功能封装，包括进入全屏、退出全屏、获取当前全屏元素、判断是否处于全屏状态以及切换全屏状态等功能。...