自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 VUE使用HTML5 Video播放器实现视频片段标注功能

本文实现了一个支持时间片段标注的自定义视频播放器,通过隐藏原生控件并构建自定义控制条,实现了以下核心功能:1.视频基础控制(播放/暂停、进度跳转、音量调节、全屏切换);2.时间轴标注系统(高亮显示视频片段,悬停展示详细信息);3.智能处理片段重叠和层级关系。关键技术点包括:利用timeupdate事件同步进度、百分比定位实现精准标注、全屏状态管理以及时间格式转换。组件采用响应式设计,兼容现代浏览器,适合需要展示结构化时间片段的视频应用场景,代码结构清晰且维护性强。

2025-05-29 18:30:00 549

原创 vue简单使用antv/x6 的demo

这是一个基于 Vue 和 AntV/X6 的流程图配置 Demo,支持拖拽添加自定义节点、悬浮删除节点/边、画布缩放和数据保存,适合作为可视化流程编排工具的入门实现。

2025-04-10 16:48:47 885

原创 基于vue简单使用antv/x6 学习笔记2

X6图形编辑库提供了完善的节点操作API,支持新增、修改、删除等核心功能。新增节点可通过addNode实现,支持自定义样式、业务数据及批量导入;修改节点利用propattr等方法动态调整属性、位置和尺寸;删除节点支持单节点或批量操作。

2025-04-01 16:56:04 785

原创 基于vue简单使用antv/x6 学习笔记1

简单使用antv/x6

2025-01-23 15:24:46 508

原创 vue使用cron表达式以及解析cron表达式

业务需求:设置数据的采集频率,使用到cron表达式来定义任务执行的时间和频率。

2024-09-12 17:50:50 2933 1

原创 el-tree树形控件与el-tag标签,自定义封装下拉框

需求:一个下拉框,显示如图内容,点击确认选中数据展示在下拉框中,点击取消保持原数据不变,标签与树联动。

2024-02-26 18:03:32 851 1

原创 el-cascader级联选择器使用记录2

el-cascader级联选择器下拉框默认展开所有子项。

2024-01-24 17:57:28 957 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除