w710537643的博客

原创 vue3 vite动态拼接图片路径

该代码实现了Vite环境下静态资源的高效管理，主要功能包括： 预加载assets目录下所有图片资源，生成全局映射表 提供两种资源获取方式： getAssetsFile()处理固定路径资源 getHerbImage()根据分类动态获取草药图片（自动区分植物/矿物药路径） 支持批量处理逗号分隔的图片名（getHerbImages） 包含完善的错误处理机制，未找到资源时输出警告信息 特点：利用Vite的import.meta.glob实现编译时资源扫描，路径匹配精确，性能优化明显。

原创 Box3无法包裹模型问题

Three.js 中模型包围盒计算的注意事项：通过 FBXLoader/GLTFLoader 加载模型时，geometry.boundingBox 默认未计算。Three.js 会惰性计算包围盒，但需注意： 调用 setFromObject() 前必须执行 model.updateMatrixWorld(true) 以确保子物体世界坐标正确 示例代码展示了模型居中、缩放及相机调整的全流程 未更新矩阵会导致包围盒计算错误（使用局部坐标而非世界坐标） 提供了完整的定位调试方案，包含包围盒可视化（红/绿辅助框）和

原创 krpano无法自动播放背景音乐

摘要：浏览器自动播放限制导致krpano全景声音无法自动播放。解决方法有两种：1）延迟播放，通过用户点击触发声音（修改operationTip动作为仅显示引导层）；2）静音预加载，先以静音模式加载音频文件，待用户交互后再正常播放（使用playsound设置volume=0预加载）。两种方案都遵循了现代浏览器要求用户交互后才能播放音频的策略。代码示例展示了如何修改XML配置实现这两种解决方案。

原创 three.js展示模型自动适配大小

【代码】three.js展示模型自动适配大小。

原创 Ruoyi startPage()分页处理

startPage 分页处理

原创 krpano、threejs模型加载

摘要：解决krpano与three.js双渲染循环冲突导致的GPU资源消耗问题。通过让krpano驱动three.js渲染，避免three.js自行调用requestAnimationFrame。实现方式是在全局定义renderThreeModel()函数供krpano调用，内部通过threeJSAPI.render()执行渲染。代码展示了完整的3D模型加载方案，包括相机、场景、光照、渲染器等初始化配置，以及FBX/TGA模型加载功能。

原创 router.push(‘/‘)跳转不触发重定向

我来帮你分析为什么没有按照预期跳转到/fenlei路径。现在我明白问题所在了！

原创 记录一次vue3中this引发的开发没有问题，生产发生问题的分析

摘要：本文分析了Vue3开发中一个典型问题——this.value在开发环境正常但生产环境报错的现象。原因在于<script setup>编译后this指向不同，且开发/生产环境构建行为差异。文章提出三点解决方案：1)遵循Composition API规范，避免在<script setup>使用this；2)配置ESLint和TypeScript进行静态检查；3)本地模拟生产构建测试。最后给出生产环境问题排查方法，包括查看控制台错误、启用sourcemap、使用错误监控服务等。强调开

原创 CUDA 系统环境变量

本文介绍了CUDA环境变量的配置方法。系统变量需手动添加，在Path中配置CUDA的bin路径（如C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v13.0\bin）。作者最初安装CUDA 12.2版本，发现与WSL Ubuntu24的gcc13不兼容，后升级至v13.0版本解决问题。配置过程涉及系统环境变量的修改，确保CUDA工具链能正确运行。

原创 element-ui 表单提交滚动到错误处

业务里出现长表单提交时，用户/业务方/产品经理经常会提的一个需求就是表单校验失败你应该给我滚动定位到对应的错误位置，方便我知道哪里出现了错误。也是提升填写长表单时的用户体验一个很常见的做法。

原创 idea 使用vscode 快捷键

原创 krpano popup弹窗关闭按钮

弹窗

原创 krpano hotspot 使用html

该代码片段展示了一个包含HTML内容的热点配置方案。热点定义为HTML类型，需明确设置width和height属性（默认值为0），包含数据源(dataMakerLabel)和CSS样式。数据源采用CDATA格式的HTML结构，包含员工姓名和定位图标。CSS定义了标记容器、图标和标签样式，采用弹性布局，标签具有渐变背景、圆角和阴影效果。图标下方还有三角形装饰。特别强调：使用HTML类型热点时必须设置宽高属性，否则会导致显示问题。该配置实现了带员工姓名的地图标记点功能。

原创 vue3使用krpano1.22

vue3 内嵌krpano，krpano作为组件使用

原创 AI编程提示词

【代码】AI编程提示词。

原创 krpano 字符串拼接，传参。

/

原创 electron安装报错处理

修改 C:\Users\用户名.npmrc下配置文件。删除http_proxy，保存设置并重新启动计算机。出错原因：http_proxy设置错误。

原创 java 类 属性is前缀问题

本质原因是在 JavaBean 的规范中 布尔类型的 get 方法 是is 加上字段名，如果字段是is 开头的 他生成的 get 方法也会和 没有is 的字段名一样，这样就导致反序列化的时候jackson之类的工具会就会对应不上。通常定义Java实体类时，对于boolean属性，阿里规约中明确要求不能使用is开头。

原创 new image() width一直为0问题

结果首次加载时都是判断不存在，刷新下就能正确判断了。图片加载是异步的，没加载完时width肯定是0。本来想写个判读下本地图片是否存在的函数。使用img 的回调函数做预处理。

原创 bt 部署静态网站 404处理

使用宝塔部署网站后 路由地址填写错误会出现页面404问题。功能重新定向到正常页面。

原创 krpano 如何定位热点位置

定位场景内热点三维位置

转载 Vue中优雅处理对象属性未定义（undefined）情况的技巧与实践

我们可以创建一个自定义指令来处理未定义的情况，这样可以复用代码，减少重复劳动。// 使用处理对象属性未定义的情况是前端开发中不可忽视的一环。通过合理使用可选链、逻辑与操作符、条件判断、计算属性、自定义指令、全局过滤器和TypeScript的类型保护，我们可以优雅地解决这一问题，提升代码的健壮性和可读性。希望本文的技巧与实践能够帮助你在Vue开发中游刃有余，写出更加健壮和优雅的代码。

原创 ruoyi 若依 PageInfo 返回无法分页问题

当若依对需要分页得数据进行二次处理后，分页就会出现问题。

原创 css after 动态内容

【代码】css after 动态内容。

原创 vue3 pinia 刷新页面数据初始化

数据会初始化导致页面页面显示出现问题。存在cookie内得以解决。

原创 vue3 Invalid value type passed to callWithAsyncErrorHandling()

vue3 提示警告。页面内点击按钮无响应。和 事件方法名 重名导致。

原创 crypto-js解密报错malformed utf-8 data

最后，使用res.replace(/\s/g,‘’)正则过滤掉txt文件内的空格就成功了。但是当在一个完整程序运行环境内加密字符串，解密字符串是没问题的。当把加密的字符存储到txt文件，在读取解密时出现错误无法解密。在进行加解密处理时出现这个问题。不知道什么原因造成的问题。

转载 完美解决flex布局中space-between最后一行不居左对齐问题

展示效果问题解决前问题解决后直接贴代码（.vue文件）原理。

转载 HTML中的空格、Tab、书名号大于号以及常用特殊符号

在HTML页面中，有一些特殊的符号我们想使用，但是呢又不方便直接使用，那么我们就可以用一些实体名称来代替。注： 实体名称对大小写敏感。有关更多特殊符号可以查看。

原创 krpano开启关闭日志功能和调试模式

krpano 开启 日志和调试模式。

原创 css 滚动词云

css + javascript 实现滚动词云效果。

原创 在Krpano中点击热点放大图片并交互

在全景项目中，经常会遇到这样的功能：点击场景中的某个热点，能够进行图片放大，同时还可以对图片进行交互操作，比如放大图片、拖动图片等，本章节内容讲述如何在Krpano库中调用js代码实现图片的放大和交互。具体效果如下：本次我们使用到的js库叫viewer，

原创 node版本过高出现ERR_OSSL_EVP_UNSUPPORTED错误

新版本的nodejs使用的openssl和旧版本不同，导致出错。1.将node版本重新换回16.x。2 windows 下。

转载 SpringBoot 监控 SQL 运行情况

1 基本概念是Java语言中最好的数据库连接池。虽然的速度稍快，但是，，也是阿里巴巴的开源项目。Druid是阿里巴巴开发的号称为监控而生的数据库连接池，在功能、性能、扩展性方面，都超过其他数据库连接池，包括DBCP、C3P0、BoneCP、Proxool、JBoss DataSource等等等，秒杀一切。Druid 可以很好的监控 DB 池连接和 SQL 的执行情况，天生就是针对监控而生的 DB 连接池。

原创 Redisson 源码分析 —— 调试环境搭建

本文基于 Redisson 3.11.4-SNAPSHOT 版本。

原创 调试环境搭建（Redis 6.X 版本）

今儿，我们来搭建一个 Redis 调试环境，目标是：下载地址：https://www.jetbrains.com/clionCLion 是 Jetbrains 团队提供的 C/C++ 开发工具。所以，所以和我们平时使用的 IDEA 差别不大。这里使用的是 CLion 版本是 2021.1.3 。使用 CLion 从官方仓库 https://github.com/antirez/redis 克隆项目。操作如下图所示：gitee这里，我们使用的 Redis 版本是 6.2.5。克隆完项目后，CLion

原创 SpringBoot 项目如何 查看 request 请求参数内容

【代码】SpringBoot 项目如何 查看 request 请求参数内容。

原创 windows10鼠标右键添加idea打开文件

请注意，修改注册表是一项高级操作，如果不小心进行了错误的更改，可能会导致系统不稳定或其他问题。建议在进行修改之前备份注册表或创建系统还原点。现在，当你右键点击一个文件夹时，你应该能看到一个新的“通过IDEA打开”选项。点击该选项即可使用IDEA打开该文件夹。在Windows系统中，你可以通过修改注册表来为鼠标右键菜单添加新的打开方式，比如IDEA。

原创 PDF.js介绍以及使用

build 是源码库 web 内是写好的一个类似pdf编辑器的完整项目。我这是uniapp项目 放入了。// file 是文件地址。下载最新版浏览器版本。vue 项目可以放入。

原创 axios 进行同步请求(async+await)

【代码】axios 进行同步请求(async+await)