<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[CoiSini_H的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/CoiSini_H</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; CoiSini_H]]></copyright><item><title><![CDATA[VUE使用HTML5 Video播放器实现视频片段标注功能]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/148170548</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/148170548</guid><author>CoiSini_H</author><pubDate>Thu, 29 May 2025 18:30:00 +0800</pubDate><description><![CDATA[本文实现了一个支持时间片段标注的自定义视频播放器，通过隐藏原生控件并构建自定义控制条，实现了以下核心功能：1.视频基础控制（播放/暂停、进度跳转、音量调节、全屏切换）；2.时间轴标注系统（高亮显示视频片段，悬停展示详细信息）；3.智能处理片段重叠和层级关系。关键技术点包括：利用timeupdate事件同步进度、百分比定位实现精准标注、全屏状态管理以及时间格式转换。组件采用响应式设计，兼容现代浏览器，适合需要展示结构化时间片段的视频应用场景，代码结构清晰且维护性强。]]></description><category></category></item><item><title><![CDATA[vue简单使用antv/x6 的demo]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/146920176</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/146920176</guid><author>CoiSini_H</author><pubDate>Thu, 10 Apr 2025 16:48:47 +0800</pubDate><description><![CDATA[这是一个基于 Vue 和 AntV/X6 的流程图配置 Demo，支持拖拽添加自定义节点、悬浮删除节点/边、画布缩放和数据保存，适合作为可视化流程编排工具的入门实现。]]></description><category></category></item><item><title><![CDATA[基于vue简单使用antv/x6 学习笔记2]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/146605461</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/146605461</guid><author>CoiSini_H</author><pubDate>Tue, 01 Apr 2025 16:56:04 +0800</pubDate><description><![CDATA[X6图形编辑库提供了完善的节点操作API，支持新增、修改、删除等核心功能。新增节点可通过addNode实现，支持自定义样式、业务数据及批量导入；修改节点利用propattr等方法动态调整属性、位置和尺寸；删除节点支持单节点或批量操作。]]></description><category></category></item><item><title><![CDATA[基于vue简单使用antv/x6 学习笔记1]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/145307603</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/145307603</guid><author>CoiSini_H</author><pubDate>Thu, 23 Jan 2025 15:24:46 +0800</pubDate><description><![CDATA[简单使用antv/x6]]></description><category></category></item><item><title><![CDATA[vue使用cron表达式以及解析cron表达式]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/141865109</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/141865109</guid><author>CoiSini_H</author><pubDate>Thu, 12 Sep 2024 17:50:50 +0800</pubDate><description><![CDATA[业务需求：设置数据的采集频率，使用到cron表达式来定义任务执行的时间和频率。]]></description><category></category></item><item><title><![CDATA[el-tree树形控件与el-tag标签，自定义封装下拉框]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/136301460</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/136301460</guid><author>CoiSini_H</author><pubDate>Mon, 26 Feb 2024 18:03:32 +0800</pubDate><description><![CDATA[需求：一个下拉框，显示如图内容，点击确认选中数据展示在下拉框中，点击取消保持原数据不变，标签与树联动。]]></description><category></category></item><item><title><![CDATA[el-cascader级联选择器使用记录2]]></title><link>https://blog.youkuaiyun.com/CoiSini_H/article/details/135826984</link><guid>https://blog.youkuaiyun.com/CoiSini_H/article/details/135826984</guid><author>CoiSini_H</author><pubDate>Wed, 24 Jan 2024 17:57:28 +0800</pubDate><description><![CDATA[el-cascader级联选择器下拉框默认展开所有子项。]]></description><category></category></item></channel></rss>