- 博客(67)
- 收藏
- 关注
RSS订阅原创 threejs之traverse
摘要：本文介绍了three.js中Object3D结构的遍历方法traverse的使用要点。重点强调：1)遍历时应遵循深度优先递归顺序；2)永远不要在遍历过程中直接执行remove/dispose操作，只进行查找/标记/收藏；3)必须判断对象类型，避免对Group错误操作；4)资源释放只针对Mesh对象。通过实际案例展示了错误操作会导致的问题，并给出了安全操作的代码示例，包括先收集待处理对象再统一处理，以及针对Mesh和Material的安全释放方式。
2025-12-25 10:07:58
291
原创 智慧园区可视化系统 | Three.js + Cesium 驱动的全景 3D 交互平台
本项目开发了一个基于Vue3+Three.js+Cesium+Vite的园区3D可视化平台，采用组件化设计提升代码复用性。系统包含首页和标签页两个核心模块，支持多种交互功能：标签显隐控制、楼层分层展示、日夜模式切换、人物移动交互、动态场景展示（快递车、鸟类）等。通过分层管理和参数调节，实现了详细的3D场景控制和可视化效果。项目注重架构一致性和可维护性，各功能模块支持灵活加载复用。源代码已开源在Gitee和GitHub平台。
2025-11-19 10:46:51
358
原创 网络请求响应慢?到底是前端/后端原因?前/后端又该如何解决?
摘要： 在大屏渲染echarts时，接口响应时间在浏览器中（10s）比Postman（2s）显著延迟。通过开发者工具分析网络请求时间线，发现可能原因包括： Queueing（排队）：浏览器并发请求限制或线程忙碌，建议减少并发请求并使用HTTP/2。 Stalled（阻塞）：TCP/TLS连接问题，建议复用连接（HTTP/2）或优化后端连接池。 TTFB（服务器响应）：后端查询慢、线程阻塞或CORS预检延迟，需优化数据库、缓存或接口逻辑。 下载慢：响应体过大，建议压缩（gzip）或分页返回数据。 解决方案：前
2025-10-24 11:51:40
402
原创 echarts--热力图数据与y轴展示不符
【摘要】在使用ECharts热力图时，发现实际数据与y轴显示不符（如5.9日显示为5.10日）。原因是热力图默认从0开始索引，而y轴使用字符串格式（如'1日'），但series.data仍为数字格式，导致日期错位。解决方法是将series.data中的日期也转为字符串格式（如'1日'），确保与yAxis.data完全匹配。修改后代码统一使用字符串格式处理日期数据，并调整了点击事件的日期获取逻辑，通过字符串替换获取正确日期值。
2025-06-18 10:46:24
380
原创 实现echarts全屏的放大/缩小最优解
摘要 本文介绍了一种实现ECharts图表丝滑全屏切换的方案。通过三个步骤：1) 每个图表组件暴露resize方法；2) 使用ResizeObserver监控容器尺寸变化；3) 在父组件中统一管理图表resize。相比传统监听全屏事件后直接触发resize的方案，新方法在容器实际尺寸变化后才执行resize操作，消除了图表顿挫感和样式问题。关键点是利用ResizeObserver精确感知尺寸变化，并通过组件间方法调用确保所有图表同步响应。最终实现了全屏/缩小切换时图表的平滑过渡效果。
2025-06-06 14:29:52
671
原创 上传图片转成3D VR效果 / VR效果在项目中落地实践 / 应用到了用photo-sphere-viewer + A-Frame +Threejs 通过不同的技术分别实现了3D VR效果
【代码】上传图片转成3D VR效果 / VR效果在项目中落地实践 / 应用到了用photo-sphere-viewer + A-Frame +Threejs 通过不同的技术分别实现了3D VR效果。
2025-05-29 16:48:43
459
原创 优化封装 axios 的代码，确保网络请求逻辑更加简洁、易维护，并且在性能和可扩展性上有所提升
目前代码基于+ crypto-js(注：本项目的加密方式是hmac-sha256 加密传输)
2025-02-17 18:09:57
351
原创 超详细Chatbot UI的配置 使用及问题汇总
首先 Chatbot UI是适合所有人的开源AI聊天应用程序开源地址基本配置需求需要nvm 和 node (目前我的node是18.20.5)请全程配置vpn , 尽量减少因网络问题而产生的其他问题具体配置步骤 (按照顺序且每一步都必不可少)1. 克隆地址2.安装依赖3.安装supabase并在本地运行3.1安装docker(docker适配于mac Linux,在window上可能会有一些问题)3.11。
2024-12-20 16:51:16
4020
原创 超快上手electron,electron保姆级教程(含运行、打包、electron下载慢),利用electron把web端应用转成桌面应用
超快上手electron,electron保姆级教程(含运行、打包、electron下载慢),利用electron把web端应用转成桌面应用
2024-12-12 16:57:11
8759
1
原创 用表头设置控制表格内列的排序和显示隐藏
<Switchchecked={getIsShowForColumn(record.key)} // 使用getIsShowForColumn函数获取当前列的is_show状态/>
2024-06-12 20:14:22
497
原创 react 表格实现拖拽功能
项目背景 : react + ant单纯实现拖拽确实不难 , 我的需求是根据后台接口返回 , 生成对应的父子表格 , 并只可以拖拽子的位置 , 如图后台返回的数据结构 (pid为0说明是父 , 子的pid等于父的id , 说明是父的子)1 , 我先转成了树形结构且自己加上了key (注意 : key一定得是唯一的 , 否则会出现第一列数据拖拽不动 , 其他列数据可以拖拽的bug)2 , 生成对应的父子表格 , 父要有对应的子 , 如图3 ,更改onDragEnd的逻辑 , 实现效果首先用.fi
2024-05-30 19:54:58
1065
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘responsive‘)
问题解析 : 是表格中的数据有问题 , 给表格传递dataSource或者columns的时候信息有误。问题报错 : 页面全白 , 报错如下。
2024-05-30 10:36:36
425
原创 react ant 表格实现 拖拽排序和多选
3 多选功能ant官网也只提供了rowSelection方法 , 而rowSelection的位置总是在表格最左边 , 我需要让拖拽icon在最左边 , 多选功能在icon右边 , 目前问题如下 代码分为俩部分 , 一部分是父页面 , ( 父页面代码太多只显示了功能代码 ) 另一部分是封装的表格组件 ( 全部代码如下 )
2024-05-28 11:28:54
1382
2
原创 react 下拉框内容回显
/可以拿到faqType为0 但是却没有回显出下拉框的内容 我需要faqType为0 回显出下拉框内容为对应的label<Form}}<Form.Itemlabel='问题类型'rules={[{ required: true, message: '请输入问题类型' }]}<Select}}allowClearshowSearchplaceholder='请输入问题类型'options={[{ value: 0, label: '如何使用' },
2024-05-20 18:29:30
488
原创 react 联级选择器插入数据 实现最终渲染和提交
value: '设备问题',label: '设备问题',},value: '其他问题',label: '其他问题',])const [options1, setOptions1] = useState([]) // 存储res1const [options2, setOptions2] = useState([]) // 存储res2// 根据res1和res2的变化实时更新// 假设您在某个时机获取了res1和res2数据options,'设备问题',options1。
2024-05-16 18:50:07
432
原创 react 基于qrcode.react生成颜色不同 , 样式不同的二维码
【代码】react 基于qrcode.react生成颜色不同 , 样式不同的二维码。
2024-04-29 11:37:55
1156
2
原创 一直弹出 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside
【代码】一直弹出 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside。
2024-04-29 11:11:31
1513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人