小工具
未读
JYC 命令行工具 v0.1.8/v0.1.9 发布
这是 JYC 命令行工具的首个正式发布版本，提供中文版(v0.1.8)和英文版(v0.1.9)两个版本。 暂时所有版本仅支持 Ubuntu22.04以上，如若有系统版本需求，可自行编译 GitHub地址: https://github.com/Li-yubo/JYC/releases/tag/0.1
vue3
未读
如何在 Vue 3 中使用 IntersectionObserver 检测组件可见性
引言 在现代前端开发中，性能优化和用户体验是核心目标之一。当页面内容较多时，懒加载、动画触发等功能可以帮助提升性能和用户交互体验。而实现这些功能的关键在于检测某个元素是否进入或离开视口（可视范围）。Vue 3 提供了灵活的组合式 API（Composition API），结合浏览器原生的 Inter
让自定义图标无缝整合进 Element Plus，像原生一样丝滑！
你是否曾经为在 Element Plus 项目中混用自定义图标而烦恼？明明 Element Plus 的图标用起来那么优雅，为什么自定义图标就显得格格不入？今天，我要分享一个激动人心的发现 —— 让你的自定义图标也能享受 Element Plus 同等的待遇！ 💡 灵感时刻 在研究 Element
指令
未读
Vue 3 快捷键支持：单个按键与组合快捷键的实现
在开发 Vue 3 应用时，经常需要为用户提供快捷键支持，以提高用户体验。快捷键不仅能够提升效率，而且可以让用户更好地与应用交互。在本篇文章中，我们将探讨如何在 Vue 3 中实现对 单个按键快捷键 和 组合快捷键 的支持，并通过 自定义指令 和 服务函数 进行管理。 1. 快捷键功能的需求 在很多
Python
未读
Python打造一个强大的后台任务管理器
在现代软件开发中，任务管理器是一个不可或缺的工具，尤其是在需要处理长时间运行任务的场景中。本文将介绍一个基于 Python 的后台任务管理器的设计与实现，涵盖其原理、特性、操作方式以及它的优势。 一、任务管理器的背景与需求 在日常开发中，我们经常会遇到以下场景： 需要执行耗时较长的任务（如数据处理、
指令
未读
Vue 自定义指令：实现可拖拽缩放的容器
在日常开发中，我们可能会遇到需要用户通过拖拽调整布局大小的场景，例如分割面板、拖拽调整弹窗大小等功能。本文将介绍如何使用 Vue 自定义指令实现一个支持拖拽缩放的容器，并详细说明该指令的功能和使用方法。 指令功能概述 该指令通过拖拽分隔条，调整目标元素的宽度或高度，具备以下功能： 支持宽度或高度缩放
组件
未读
使用 Monaco 编辑器构建 Vue 3 代码编辑器组件
Monaco 编辑器是一个功能强大的代码编辑器，它广泛应用于 Visual Studio Code 中。通过其提供的 API，可以在 Web 项目中集成强大的代码编辑功能。本文将介绍如何在 Vue 3 中构建一个 Monaco 编辑器组件，并提供相关的使用示例、依赖和源码。 1. 项目依赖 在使用
指令
未读
vue3 实现进入离开视口的监听 v-viewport 指令
进入视口时的回调（onEnter）。 离开视口时的回调（onLeave）。 指令代码 // src/directives/viewport.ts
import type { App, Directive, DirectiveBinding } from 'vue'
// 定义回调函数类型
type