当前位置：首页 > news >正文

vue3--通用 popover 气泡卡片组件实现

news 2026/2/10 16:01:40

背景

在日常开发中，我们一般都是利用一些诸如：element-ui、element-plus、ant-design等组件库去做我们的页面或者系统

这些对于一些后台管理系统来说是最好的选择，因为后台管理系统其实都是大同小异的，包括功能、布局结构等

但是对于前台项目，比如官网、门户网站这些

比如bilibili

以及王者荣耀官网

等等，我们不难发现这些前台项目(官网)等，它们的风格是不同的，那么这个时候可能一些组件库就无法满足我们的设计要求和一些炫酷的效果了，就需要我们自己去自定义一些通用的组件

那么下面我们就从自定义一个popover通用气泡组件开始吧

vue3--通用 popover 气泡卡片组件实现

背景在日常开发中，我们一般都是利用一些诸如：element-ui、element-plus、ant-design等组件库去做我们的页面或者系统这些对于一些后台管理系统来说是最好的选择，因为后台管理系统其实都是大同小异的，包括功能、布局结构等但是对于前台项目，比如官网、门户网站这些 …...

编程日记 2024/10/15 19:13:16

Bluetooth Channel Sounding中关于CS Step及Phase Based Ranging相应Mode介绍

目录 BLE CS中Step定义 BLE CS中交互的数据包/波形格式 BLE CS中Step的不同Mode BLE CS中Step的执行过程 Mode0介绍 Mode0 步骤的作用 Mode0步骤的执行过程 Mode0步骤的执行时间 Mode0步骤的时间精度要求 Mode2介绍 Mode2步骤的作用和执行过程 Mode2步骤的执行时间 B…...

编程日记 2024/10/15 19:12:15

简易STL实现 | Queue 的实现

封装： std::queue 在底层容器的基础上提供了封装。默认情况下，std::queue 使用 std::deque 作为其底层容器，但也可以配置为使用 std::list 或其他符合要求的容器时间复杂度： 入队和出队操作通常是常数时间复杂度&#xff08…...

编程日记 2024/10/15 19:11:14

链表篇灵神题解 class LRUCache {private static class Node{int key,value;Node prev,next;Node (int k,int v){keyk;valuev;}}private final int capacity;//哨兵节点private final Node dummynew Node(0,0);private final Map<Integer,Node> keyToNode new HashMap&l…...

编程日记 2024/10/15 19:09:12

Centos7安装ZLMediaKit

一获取代码 git clone https://gitee.com/xia-chu/ZLMediaKit cd ZLMediaKit git submodule update --init git submodule update --init 命令用于初始化和更新 Git 仓库中的子模块（submodules）。这个命令在 Git 仓库中包含对其他 Git 仓库作为依赖时…...

编程日记 2024/10/15 19:08:11

面试问我LLM中的RAG，咱就是说秒过！！！

前言本篇文章涉及了 RAG 流程中的数据拆分、向量化、查询重写、查询路由等等，在做 RAG 的小伙伴一定知道这些技巧的重要性。推荐仔细阅读，建议收藏，多读几遍，好好实践。本文是对检索增强生成（Retrieval Augmented …...

编程日记 2024/10/15 19:07:10

python程序操作pdf

python代码进行多个图片合并为pdf： #python代码进行多个图片合并为pdf： from PIL import Image from fpdf import FPDF import osdef images_to_pdf(image_paths, output_pdf, quality85):"""将多个图片合并为一个PDF文件，并…...

编程日记 2024/10/15 19:06:09

【Python报错】ImportError: DLL load failed while importing _network: 找不到指定的模块。

【Python报错】ImportError: DLL load failed while importing _network: 找不到指定的模块。问题描述报错原因解决方案参考问题描述此段Python代码（在Conda环境下运行）昨天还能运行，但在我手痒更新conda（我有罪）之…...

编程日记 2024/10/15 19:05:08

外包干了5天，技术明显退步

我是一名本科生，自2019年起，我便在南京某软件公司担任功能测试的工作。这份工作虽然稳定，但日复一日的重复性工作让我逐渐陷入了舒适区，失去了前进的动力。两年的时光匆匆流逝，我却在原地踏步，技术没有丝毫…...

编程日记 2024/10/15 19:04:07

正则表达式 | Python、Julia 和 Shell 语法详解

正则表达式在网页爬虫、脚本编写等众多任务中都有重要的应用。为了系统梳理其语法，以及 Python、Julia 和 Shell 中与正则表达式相关的工具，本篇将进行详细介绍。相关学习资源：编程胶囊。基础语法通用语法在大多数支持正则表达式的语…...

编程日记 2024/10/15 19:01:02

JavaScript全面指南(一)

🌈个人主页：前端青山 🔥系列专栏：JavaScript篇 🔖人终将被年少不可得之物困其一生依旧青山,本期给大家带来JavaScript篇专栏内容:JavaScript全面指南(一) 1、介绍一下JS的内置类型有哪些？ 基本数据类型…...

编程日记 2024/10/15 19:00:01

docker-compose与docker

“docker-compose” 是一个用于定义和运行多容器 Docker 应用程序的工具。它使用一个名为 docker-compose.yml 的配置文件来描述应用程序的服务、网络和卷，然后通过简单的命令就可以管理整个应用。以下是一些常用的 docker-compose 命令及其用法： 启动…...

编程日记 2024/10/15 18:56:58

DDPM浅析

在机器学习和人工智能领域，生成模型一直是一个备受关注的研究方向。近年来，一种新型的生成模型——扩散概率模型（Diffusion Probabilistic Models，简称DDPM）引起了广泛的关注。本文将探讨DDPM的原理、优势以及应用。 …...

编程日记 2024/10/15 18:54:56

力扣刷题-算法基础

hello各位小伙伴们，为了进行算法的学习，小编特意新开一个专题来讲解一些算法题 1.移除元素. - 力扣（LeetCode）本题大概意思是给定一个数组和一个数val删除与val相同的元素，不要改变剩余元素的顺序，最后返回剩余元素的个数。我们在这里使用双指针，这里的双指针并不是…...

编程日记 2024/10/15 18:53:55

理解 Python 中的 Hooks 和装饰器

Python 中的 hooks 和装饰器，虽然它们看起来都有些魔法加成，但实际上各有妙用。下面看看他们到底是做什么的吧。什么是 Hooks？ Hooks 是指在某些操作或事件发生时，可以将自定义的代码插入和执行的一种机制。它们常用于扩展和修…...

编程日记 2024/10/15 18:51:53

Android 原生程序使用gdb, addr2line, readelf调试

Platform: RK3368 OS: Android 6.0 Kernel: 3.10.0 文章目录一 gdb1. 原生程序添加调试符号2. 主机上adb push 编译好的原生程序到设备3. 设备上使用gdbserver运行原生程序4. 主机上设置adb端口转发5. 主机上运行gdb调试二 addr2line三 readelf 一 gdb GDB（GNU…...

编程日记 2024/10/15 18:49:52

PHP 函数 func_num_args() 的作用

func_num_args() 是 PHP 中的一个内置函数，用于获取传递给当前用户定义函数的参数个数。这个函数特别有用于处理可变数量的参数（也称为可变参数列表）。语法 int func_num_args ( void ) 返回值 func_num_args() 返回一个整数&#xff0c…...

编程日记 2024/10/15 18:47:50

深入解析单片机原理及其物联网应用：附C#示例代码

深入解析单片机原理及其物联网应用：附C#示例代码随着物联网技术的快速发展，单片机作为嵌入式系统的核心，已经广泛应用于各类智能设备中。本文将从单片机的原理出发，结合C#编程的物联网示例，带你深入了解如何利用单片…...

编程日记 2024/10/15 18:46:49

HTTP 和 WebSocket

目录 HTTP是什么HTTP局限性（HTTP1.1）请求和响应HTTP的主要特点：HTTP版本： HTTP与TCP关系数据封装传输过程1. **协议层次模型**：2. **封装过程**：1. **应用层（HTTP）**：2. …...

编程日记 2024/10/15 18:44:47

科技云报到：大模型时代下，向量数据库的野望

科技云报到原创。自ChatGPT爆火，国内头部平台型公司一拥而上，先后发布AGI或垂类LLM，但鲜有大模型基础设施在数据层面的进化，比如向量数据库。在此之前，向量数据库经历了几年的沉寂期，现在似乎终于乘着Ch…...

编程日记 2024/10/15 18:43:46

RestClient

什么是RestClient RestClient 是 Elasticsearch 官方提供的 Java 低级 REST 客户端，它允许HTTP与Elasticsearch 集群通信，而无需处理 JSON 序列化/反序列化等底层细节。它是 Elasticsearch Java API 客户端的基础。 RestClient 主要特点轻量级&#xff…...

编程新知 2025/11/30 15:33:36

在rocky linux 9.5上在线安装 docker

前面是指南，后面是日志 sudo dnf config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo sudo dnf install docker-ce docker-ce-cli containerd.io -y docker version sudo systemctl start docker sudo systemctl status docker …...

编程新知 2025/7/27 10:03:12