徐ˡ来ʸ-优快云博客

原创 Echarts提示框（tooltip）位置设置

ECharts提示框位置设置方法：1)通过数组指定绝对/相对位置；2)在trigger:'item'时使用预定义位置值；3)通过回调函数动态计算位置，可基于鼠标坐标、DOM尺寸等参数实现智能定位。回调函数支持获取鼠标坐标、提示框尺寸等参数，可灵活判断最佳显示位置，避免超出容器边界。

2025-09-17 17:17:00 397

本文介绍了使用SuperMap和Leaflet库动态绘制自定义图标和标签的点位功能。通过HTML和CSS实现了包含图标、文字标签、指示线和圆点的复合标记样式，并提供了点击地图任意位置添加标记的交互功能。核心代码展示了如何创建自定义DivIcon，设置标记样式，并绑定到地图点击事件上。效果图上显示了包含行李检查图标和双语标签的标记示例，标记底部有橙色指示线和圆点。该实现可用于需要自定义地图标记的各种应用场景。

2025-09-17 15:42:50 900

原创前端虚拟dom

Web Component 组件开发示例本文展示了如何创建一个简单的 Web Component 组件。主要步骤包括：定义 HTML 模板结构创建自定义元素类继承 HTMLElement 使用 Shadow DOM 封装组件实现插槽功能接收外部内容通过属性传递参数示例中创建了一个带样式和插槽的卡片组件，能够接收自定义消息和头部/内容区域。组件包含完整的生命周期回调方法，并演示了如何访问组件实例。

2025-09-11 16:43:21 477

原创 echarts横向3D柱状图

注册自定义图形（Shape）

2025-09-11 09:54:17 281

原创 echarts resize动画失效

ECharts Resize动画效果问题解决方案当ECharts图表在resize时出现动画效果消失的问题，可以通过在resize方法中添加animation配置参数来解决。具体做法是在resize时设置动画持续时间和缓动效果，例如： chartInstance.resize({ animation: { duration: 4000, easing: 'elasticOut' } }) 其中easing参数支持多种动画效果，如cubicOut等，可参考官方文档选择适合的效果。建议在resize时添加短暂

2025-08-07 17:46:39 247

原创 EpicDesigner动态表单设计器设置公共函数-上传组件设置token

本文介绍了如何为EpicDesigner动态表单设计器的上传组件自动设置认证Token的实现方法。通过注册公共函数，可以筛选表单中的上传组件（upload-image和upload-file）并自动设置Token到请求头。实现步骤包括：创建类型定义、实现Token设置函数、注册公共函数，并在设计器动作配置中调用。该方法简化了上传组件的认证配置，确保与后端的安全交互。使用时需确保用户已完成SSO登录，且仅对特定上传组件类型有效。

2025-07-25 15:01:20 448

原创阿里云-对象存储OSS-配置和使用（Java）

本文介绍了阿里云OSS对象存储服务的创建和项目集成流程。主要内容包括：1）创建Bucket并配置公共读写权限；2）创建RAM用户获取访问密钥；3）项目配置OSS参数；4）代码实现OSS客户端和文件上传工具类。文章还提供了上传文件、图片和头像的具体方法示例，并给出了安全建议，如使用RAM用户管理权限、开启服务端加密和定期清理文件等。该方案可用于提高文件访问速度，避免直接存储文件到数据库。

2025-07-12 18:05:20 1265

原创 YOLOv5不同之间的模型的区别

YOLOv5模型提供了多种版本选择，主要区别在于三个维度：模型大小（n/s/m/l/x）、输出层结构（P5或P6）和任务类型（检测/分类/分割）。模型大小影响精度和速度，P6结构更适合检测远距离小目标。分类模型（-cls）适用于仅需类别信息的场景，分割模型（-seg）则需同时框出目标并描出轮廓。不同任务对应不同训练脚本和输入尺寸，用户可根据实际需求选择合适的模型版本。

2025-07-12 14:10:28 1133

原创 python pip 国内镜像源

本文介绍了使用国内镜像源安装Python依赖包的方法，示例展示了通过清华源安装requirements.txt文件的命令。同时列出了6个常用国内镜像源地址，包括清华、阿里云、中科大等。结尾以"路漫漫其修远兮"作结，暗示技术学习之路漫长而需坚持。全文简洁实用，为Python开发者提供了高效的包管理解决方案。

2025-07-08 18:09:58 314

原创前端项目控制台警告The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

解决Vite+Vue3项目中Sass的API警告问题在Vite+Vue3+TypeScript项目中使用Sass时，会遇到控制台警告The legacy JS API is deprecated。这是由于Vite默认使用Sass的旧版API（legacy模式）。解决方法是在vite.config.ts中添加以下配置： css: { preprocessorOptions: { scss: { api: 'modern-compiler' // 使用现代编译器API } } } 此配置将Sass API切换

2025-07-01 10:23:55 316

原创 supermap在vue3+vite项目中的使用

在Vue3项目中使用SuperMap主要涉及安装和引入依赖，并在组件中初始化地图。首先，通过npm安装@supermapgis/iclient-leaflet依赖。接着，在main.ts中引入Leaflet的CSS样式。在组件中，使用onMounted生命周期钩子初始化地图，并通过TiledMapLayer加载地图服务。最终效果可通过模板中的div展示。整个过程简洁明了，适合快速集成SuperMap到Vue3项目中。

2025-05-20 11:48:11 806