2024-02-08视频播放相关的功能进行说明（基于云平台），包括初始化播放器、播放器尺寸设置、视频切换、倍速切换、视频预览、自定义视频播放的开始/结束时间、禁止拖拽进度Web播放器同时支持Flash和HTM5两种播放模式，并可以根据终端和浏览器环境自动选择最优播放模式。默认优先使用HTML5，在不支持HTML5播放的浏览器下（如低版本的IE浏览器）会自动切换到Flash播放。_h5视频播放器源码

https://www.qianduange.cn//article/1523.html 分类：前端知识

2024-02-08这里是一个拖拽小案例的实现_drop事件

https://www.qianduange.cn//article/1519.html 分类：前端知识

2024-02-08要解决Firefox下的拖放问题，必须设置 setData()方法，才可以拖放除图片之外的其他标签。概念：在HTML5中，拖放是一种常见的特性，可以抓取元素并拖入不同的位置。// 要想触发drag事件，就必须在dragover事件中阻止默认行为。在HTML5的拖放操作中，首先要明确拖拽元素和目标元素。拖放事件主要分成两个部分：拖拽元素事件和目标元素事件。// 设置图片源为拖拽的数据（即图片的URL）// 将图片添加到目标元素中。// 设置数据类型和数据。// 在目标元素中释放。// 拖拽到目标元素。

https://www.qianduange.cn//article/1518.html 分类：前端知识

2024-02-06至少阻止下列3个事件的默认行为才能实现文件拖拽上传。_拖拽上传 禁用上层事件

https://www.qianduange.cn//article/1450.html 分类：前端知识

2024-02-03实际效果安装插件pnpm install vue-pdf-embedpnpm install vue3-pdfjs左侧pdf菜单组件<template> <div class="pdf-view-list"> <div class="item active-item" v-for="(item, index) in pageTotalNum"..._vue-pdf-embed

https://www.qianduange.cn//article/1208.html 分类：前端知识

2024-02-02最初的时候使用的是sortablejs进行拖放，最后发现拖拽元素的文本无法放置在富文本编辑器中，因为sortablejs的封装和富文本编辑器的封装好像有冲突，所以被迫放弃（死磕好几天，最终放弃 (╬◣д◢) ），最终使用的是原生拖拽，原生的拖拽需要在标签上添加：draggable=true，表示是可以进行拖拽的，原生拖拽也是有事件的，这里就不多说，大家可以去看一下官网。至此我们就完成拖放填充的富文本编辑中；这里我才用的方法是在获取后端数据的时候，进行数据处理，因为后端给的数据是分开的。_vue 打印模板设计

https://www.qianduange.cn//article/1106.html 分类：前端知识

2024-02-02html、css、js实现图片放大功能，包括拖拽和滚动焦点缩放_html图片通过鼠标滚轮来放大缩小

https://www.qianduange.cn//article/1097.html 分类：前端知识

2024-01-29在具有拖拽组成页面、组件动态调整大小、边缘碰撞监测的系统中，使用该布局无疑是最合适的。该栅格系统目前对 vue2 的支持是最好的，vue3 是需要用插件支持的，会在小节详细讲解。栅格布局难度不大，但是要理解里面的原理，并实际应用到自己的项目开发，还要结合自己项目的实际情况。_vue-grid-layout

https://www.qianduange.cn//article/725.html 分类：前端知识

2024-01-28echarts的dataZoom两侧文本样式调整_echarts可拖拽时间

https://www.qianduange.cn//article/669.html 分类：前端知识

2024-01-26原生图形元素自建，支持的图形元素包括 image、text、circle、sector、ring、polygon、polyline、rect、line、bezierCurve、arc、group。dataZoomInside，内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、滚轮、手指滑动在缩放或漫游坐标系。数据集组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用，并且可以自由指定数据到视觉的映射。区域选择组件，可以选择图中一部分数据，从而便于向用户展示被选中数据、或他们的一些统计计算结果。_echarts文档

https://www.qianduange.cn//article/460.html 分类：前端知识