- 博客(7)
- 收藏
- 关注
原创 vue3 中,echarts 的 tooltip 无效果
时,如果确实需要修改嵌套属性并触发更新,但又不想替换整个对象(可能很耗性能),就可以先修改属性,然后调用。这样既享受了浅层响应式的性能优势,又能在需要时精确控制更新时机。创建 echarts实例 时使用 shallowRef 而非 ref。// 创建echarts实例。
2025-11-21 16:15:36
198
原创 ThreeJs,cannonJs 实现3D 抽油机模型仿真运动
我们创建一个3D抽油机(也称为“磕头机”)的模型,并使用Cannon.js进行物理仿真。抽油机的主要运动部件包括基座、支架、游梁、驴头、曲柄、连杆和平衡块。我们将模拟这些部件的运动和相互作用。电机带动曲柄匀速旋转,通过连杆推动游梁绕支架顶部的铰接点上下摆动。由于游梁的摆动,固定在游梁前端的驴头就会做上下往复运动。
2025-06-16 10:42:36
603
原创 ECharts 图表缩放限制:设置上限值与下限值
ECharts 是一个强大的数据可视化库,支持丰富的图表类型和交互功能,其中 dataZoom 组件可以实现图表的缩放。然而,在实际应用中,我们通常希望限制缩放的范围,避免用户缩放到过大的数据区间或过小的视图范围。通过 minSpan 和 maxSpan 限制 ECharts 图表的缩放范围,可以有效避免过度缩放的问题,提高用户体验。我们可以使用 dataZoom 组件的 minSpan 和 maxSpan 参数来限制缩放的最小和最大范围。minSpan: 10, // 最小缩放范围,确保不会过度缩小。
2025-02-06 16:10:38
1587
原创 使用 Three.js Editor 查看模型结构
Three.js Editor 是一个强大的在线工具,可以帮助开发者快速检查和调整 3D 模型。通过使用该编辑器,你可以轻松查看模型结构、修改材质、调整变换参数,并最终导出优化后的模型文件。Three.js 是一个强大的 3D JavaScript 库,提供了一个在线编辑器(Three.js Editor),可以帮助开发者查看和编辑 3D 模型结构。打开该链接后,你会看到一个基于 WebGL 的 3D 编辑界面,支持加载本地模型文件。Three.js Editor 提供了。
2025-02-06 15:45:07
1053
原创 vue2 页面长时间打开,内存溢出
Vue 2 页面长时间运行时,可能会因未清理资源导致内存溢出。通过清除定时器、解绑事件监听、优化 Vuex 状态、正确销毁组件等方式,可以有效减少内存泄漏问题,提高应用的稳定性。如果你的项目长期运行,需要定期监控内存使用,确保资源得到合理释放。
2025-02-06 15:38:01
1791
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅