90后晨仔

前言 在日常开发或内容创作中，我们经常需要处理 GIF 动图。无论是为了确保动画时长符合要求，还是为了计算帧率，获取 GIF 的总时长都是一个常见需求。与视频文件不同，GI...

一、Java后端架构概述 Java后端架构通常采用分层架构（Layered Architecture），将应用逻辑划分为多个层次，每一层负责特定的功能，层与层之间通过明确的...

一、什么是Webpack？一个生动的比喻 1.1 从工厂流水线理解Webpack 想象一下，你有一个汽车制造工厂 🏭： 原材料：各种汽车零件（JS文件、CSS文件、图片等...

一、理解不同部署环境 1. 开发环境 用途：用于本地开发和调试 特点：具有热模块替换（HMR）功能，支持实时重载，提供详细的错误提示和源代码映射，便于调试 配置：较为宽松，...

一、前言：为什么选择 Pinia？ 在 Vue2 时代，我们常用 Vuex 来做全局状态管理。 但是 Vue3 带来了全新的响应式系统（Composition API + ...

什么是状态管理？ 在 Vue 开发中，状态管理是一个核心概念。简单来说，状态就是驱动应用的数据源。每一个 Vue 组件实例都在管理自己的响应式状态，让我们从一个简单的计数器...

1. Transition - 丝滑的过渡动画 什么是 Transition？ Transition 组件用于在元素或组件的插入、更新和移除时添加动画效果，让用户体验更加流...

一、前言 当 Vue 3 发布时，组合式 API（Composition API） 带来了一个革命性的变化： 我们不再需要依赖 data、methods、computed ...

🧩 一、核心原理（简单讲人话） 在 Vue3 中： provide 是父组件提供一个依赖值； inject 是子组件接收这个依赖值； 默认情况下，provide 提供的是...

一、先搞清楚：Provide / Inject 是什么机制 provide 和 inject 是 Vue 组件之间 祖孙通信的一种机制。 它允许上层组件提供数据，而下层组件...

在现代前端应用中，性能优化几乎是每个开发者都要面对的课题。 尤其是使用 Vue 构建大型单页应用（SPA）时，首屏加载慢、包体积大 成了常见的痛点。 这时，“异步组件”就登...

在 Vue3 + Element Plus 的后台开发中，<el-table> 是我们最常打交道的组件。但仅仅“能用”远远不够，如何让表格更易读、易用、专业，是每个前端开发...

在网络诊断和系统管理中，快速获取设备的IP地址是一项常见且重要的任务。本文将介绍跨平台查看IP地址的方法，并提供一个实用的脚本，帮助您同时获取内网和外网IP地址。 各操作系...

🔍 日志逐行解析 ✅ 根本原因 这通常发生在： 之前启动过 Redis 没关闭 多次重复启动 Redis 其他服务（如 Docker、另一项目）占用了 6379 端口 ✅...

安装 Redis 的方法取决于你使用的操作系统。以下是针对 macOS、Linux（以 Ubuntu/Debian 为例）和 Windows 的详细安装步骤。 ✅ 一、ma...

一、Provide/Inject是什么？🤔 Provide/Inject是Vue提供的一种依赖注入机制，它允许祖先组件作为依赖提供者，向任意深度的子孙组件注入依赖，而无需...

它的作用是： 👉 在跨层级组件之间传递数据， 无需通过 props 一层层传递。 简单来说： provide：由上层组件（祖先组件）提供数据。 inject：由下层组件（...

一、为什么需要插槽？ 在开发组件时，props 只能传递数据，但很多场景下我们需要传递 模板内容。 比如一个按钮组件，我们希望它有统一的样式，但内部文字或图标由外部决定。这...

什么是透传 Attributes？ 简单来说： 透传 Attributes 就是那些传递给组件，但没有被组件声明为 props 或 emits 的属性。它们会自动"穿透"组...

在 Vue 应用开发中，组件化是核心思想。当我们将应用拆分成多个组件时，一个关键问题随之而来：子组件如何与父组件通信？ 答案是：自定义事件。与 Props 的数据下行相反，...