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

vite+vue3动态引入资源文件（问题已解决但离了个大谱）

news 2025/12/15 11:42:49

教程很详细，直接上代码

解决方法（赶时间的小友理解下这函数就能解决问题了，就是处理了下路径，运气不好遇到问题再回来也不迟🤣🤣🤣）

const getSvgUrl = (name) => {// name: svg_1.svg// console.log(name)return new URL(`/src/assets/productPicture/${name}`, import.meta.url).href
}

吃瓜区⬇️⬇️⬇️

眨眼睛开始写了个函数将整个路径传进来，但打包怎么都无法将资源文件打包进去

在这里插入图片描述
看得出来这种写法传给new URL(xxx, import.meta.url).href中xxx的内容其实是一样的，只不过一种是路径显示写在外面，另一种是写在变量里面直接传过来的，但这样部分硬编码的方式会导致换一个文件夹，使用其中的资源得重写函数，emmm，复用性好像低了那么点

眨眼睛暂时还没找到出现这种情况的原因，还望路过知道的大佬不吝赐教~~

vite+vue3动态引入资源文件（问题已解决但离了个大谱）

教程很详细，直接上代码解决方法（赶时间的小友理解下这函数就能解决问题了，就是处理了下路径，运气不好遇到问题再回来也不迟🤣🤣🤣） const getSvgUrl (name) > {// name: svg_1…...

编程日记 2025/1/6 20:29:49

通过 4 种方式快速将音乐从 iPod 传输到 Android

概括在 iPod 上听音乐很酷，但是当您拥有最新的 Android 手机时，也许您想在新手机上欣赏 iPod 音乐。那么，你的计划是什么？如何将音乐从 iPod 传输到 Android？ 如果您担心这个问题，请看看下面的方法。他们…...

编程日记 2025/1/6 20:28:46

ArcGIS中怎么把数据提取到指定范围(裁剪、掩膜提取)

最近，经常能收到怎么把数据提取到指定范围、栅格数据怎么裁剪、矢量数据怎么裁剪、栅格数据怎么掩膜提取的咨询。下面是我对这个问题的解决思路： 对于矢量数据： ①首先把数据加载进来 ②软件界面上面的工具栏找到→地理处理→裁剪&#x…...

编程日记 2025/1/6 20:24:42

【Vaadin flow 实战】第3讲-快速上手构建VaadinFlow+Springboot的全栈web项目

快速构建VaadinFlowSpringboot的全栈web项目温馨提示，本文讲解比较精炼，主要以快速上手开发为主。官方提供了与本文类似的教程讲解，地址https://vaadin.com/docs/latest/getting-started 1访问vaadin官方提供的start网站(类似于 spring i…...

编程日记 2025/1/6 20:21:38

HBase Cassandra的部署和操作

目录一．数据库的部署与配置二．使用命令访问数据库三．数据库的设计四．编程实现数据库的访问一．数据库的部署与配置 1.在单个节点上对进行数据库的单机部署 （1）下载apache-cassandra-4.1.7-…...

编程日记 2025/1/6 20:15:29

用户界面软件01

Jens Coldewey 著，Tom.X 译本文中的模式语言逐步深入地探讨用户界面架构的设计，它基于人机工程学，足以形成一套完整的体系。如果你对这方面有兴趣，请参考[Tog92]，[Coo95]和[Col95]。本文不讨论用户界面的布局&…...

编程日记 2025/1/6 20:14:28

【云原生】Docker Compose 从入门到实战使用详解

目录一、前言二、Docker Compose 介绍 2.1 Docker Compose概述 2.2 Docker Compose特点 2.3 Docker Compose使用场景三、Docker Compose 安装 3.1 安装docker环境 3.2 Docker Compose安装方式一 3.2.1 下载最新版 3.2.2 设置权限 3.2.3 设置软链接 3.2.4 查看版本…...

编程日记 2025/1/6 20:12:25

【ShuQiHere】使用 SCP 进行安全文件传输

【ShuQiHere】🚀 在日常的开发和运维工作中，文件传输是一个常见的任务。scp（Secure Copy）是一个基于 SSH 协议的文件传输工具，能够在本地和远程主机之间安全地复制文件和目录。本文将详细介绍 scp 的使用方法&#xf…...

编程日记 2025/1/6 20:08:20

海康威视H5player问题汇总大全

由于除了要支持Windows平台，还要支持国产系统的平台，这时就用到了H5player，但是这个在使用调试的时候会遇到各种各样的问题，便在此分享一下，供大家分享！！！ 问题一：Unexp…...

编程日记 2025/1/6 20:06:17

力扣23.合并K个升序链表

文章目录一、前言二、最小堆解法三、分治解法一、前言 23. 合并 K 个升序链表本题的要求是把K个链表进行合并，合并后的链表必须是从小到大的。并且这K个链表也是从小到大的升序链表。二、最小堆解法既然每个链表都是升序的，也就是从小到大的。 …...

编程日记 2025/1/6 20:05:15

【C 语言指针篇】指针的灵动舞步与内存的神秘疆域：于 C 编程世界中领略指针艺术的奇幻华章

文章目录【C 语言篇】指针的灵动舞步与内存的神秘疆域：于 C 编程世界中领略指针艺术的奇幻华章前言一、指针的介绍与使用1. 指针的介绍1.1指针表示1.2指针变量1.3空指针 2. 使用指针2.1交换两个变量的值2.2计算输出最小值和最大值二、野指针的介绍与使用1. 野指针…...

编程日记 2025/1/6 20:03:14

游戏关卡设计的常用模式

游戏关卡分为很多种，但常用的有固定套路，分为若干种类型。关卡是主角与怪物、敌方战斗的场所，包括装饰物、通道。单人游戏的关卡较小，偏线性； 联机/MMO的关卡较大，通道多，自由度高&#xf…...

编程日记 2025/1/6 19:58:04

1.拉取镜像 docker pull wurstmeister/kafka docker pull wurstmeister/zookeeper 2.创建集群之间通信的网络 docker network create kafka-cluster-net docker network inspect kafka-cluster-net 3.将zookeeper加入到网络中 docker network connect kafka-cluster-net zooke…...

编程日记 2025/1/6 19:55:59

Apache Celeborn 在B站的生产实践

背景介绍 Shuffle 演进随着B站业务的飞速发展，数据规模呈指数级增长，计算集群也逐步从单机房扩展到多机房部署模式。多个业务线依托大数据平台驱动核心业务，大数据系统的高效性与稳定性成为公司业务发展的重要基石。如图1，目前在大数据基础架构下，我们主要采用 Spark、Fl…...

编程日记 2025/1/6 19:50:51

JOIN 和 OUTER JOIN,SQL中常见的连接方式

1. INNER JOIN（简称 JOIN） INNER JOIN 是 SQL 中最常用的一种连接方式，默认的 JOIN 就是 INNER JOIN。它返回两个表中满足连接条件的匹配记录。作用：返回两个表中所有满足 ON 条件的记录。特性：如果表中的某些行在连…...

编程日记 2025/1/6 19:46:45

Vue2: table加载树形数据的踩坑记录

table中需要加载树形数据，如图：官网给了两个例子，且每个例子中的tree-props都是这么写的： :tree-props="{children: children, hasChildren: hasChildren}" 给我一种错觉，以为数据结构中要同时指定children和hasChildren字段，然而，在非懒加载模式下，数据结…...

编程日记 2025/1/6 19:44:42

电子信息硕士面试经验

回顾2024年秋招一些面试常见的问题，主要涉及软件开发和嵌入式部分内容。 1. 浅拷贝深拷贝深拷贝和浅拷贝是两种不同的拷贝方式，用于复制对象。它们主要区别在于对嵌套对象的处理方式。浅拷贝：只复制对象的顶层，嵌套对象仍然是共享引用。深拷贝：递归复制所有对象及其嵌…...

编程日记 2025/1/6 19:43:41

dns网址和ip是一一对应的吗？

DNS网址和IP地址是一一对应的吗？我们在上网时，为什么总是使用网址而不是一串数字？这些问题其实涉及到互联网的基本运作原理。DNS（域名系统）是我们日常上网过程中一个不可或缺的部分，它帮助我们将人类易于记…...

编程日记 2025/1/6 19:41:39

springboot3 redis 常用操作工具类

在 Spring Boot 3 中，操作 Redis 通常使用 Spring Data Redis 提供的工具类，如 RedisTemplate 和 StringRedisTemplate。以下是一个详细的 Redis 操作工具类的实现，涵盖了常用功能。完整的 Redis 工具类以下工具类可以实现基本的 Redis 操…...

编程日记 2025/1/6 19:40:38

Java工程师实现视频文件上传minio文件系统存储及网页实现分批加载视频播放

Java工程师实现minio存储大型视频文件网页实现分批加载视频播放一、需求说明老板给我出个题目，让我把的电影文件上传到minio文件系统，再通过WEB端分配加载视频播放，类似于我们普通的电影网站。小编把Java代码共享出来。是真正的能拿过来直…...

编程日记 2025/1/6 19:39:36

【JavaEE】-- HTTP

1. HTTP是什么？ HTTP（全称为"超文本传输协议"）是一种应用非常广泛的应用层协议，HTTP是基于TCP协议的一种应用层协议。应用层协议：是计算机网络协议栈中最高层的协议，它定义了运行在不同主机上…...

编程新知 2025/12/10 2:57:55

Linux相关概念和易错知识点（42）（TCP的连接管理、可靠性、面临复杂网络的处理）

目录 1.TCP的连接管理机制（1）三次握手①握手过程②对握手过程的理解 （2）四次挥手（3）握手和挥手的触发（4）状态切换①挥手过程中状态的切换②握手过程中状态的切换 2.TCP的可靠性&…...

编程新知 2025/12/12 22:05:29

工业自动化时代的精准装配革新：迁移科技3D视觉系统如何重塑机器人定位装配

AI3D视觉的工业赋能者迁移科技成立于2017年，作为行业领先的3D工业相机及视觉系统供应商，累计完成数亿元融资。其核心技术覆盖硬件设计、算法优化及软件集成，通过稳定、易用、高回报的AI3D视觉系统，为汽车、新能源、金属制造等行…...

编程新知 2025/11/25 4:59:47

大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计

随着大语言模型（LLM）参数规模的增长，推理阶段的内存占用和计算复杂度成为核心挑战。传统注意力机制的计算复杂度随序列长度呈二次方增长，而KV缓存的内存消耗可能高达数十GB（例如Llama2-7B处理100K token时需50GB内存&a…...

编程新知 2025/11/27 23:47:29

return this；返回的是谁

一个审批系统的示例来演示责任链模式的实现。假设公司需要处理不同金额的采购申请，不同级别的经理有不同的审批权限： // 抽象处理者：审批者 abstract class Approver {protected Approver successor; // 下一个处理者// 设置下一个处理者pub…...

编程新知 2025/10/16 22:41:12