mooonyuan的博客

audio标签播放样式改写

场景需求：左侧为菜单列表，右侧是对应菜单的内容，所有内容可进行无缝滚动当内容滚动到对应的菜单时，菜单进行定位并显示到可视区域点击菜单时，对应内容显示到可视区域涉及知识点：intersectionObserver 监听元素是否在可视区域scrollIntoView 滚动到可视区域思路切换菜单时，内容滚动到对应菜单定义变量active存储当前菜单名称，获取当前内容ref进行scrollTop滚动效果图滚动内容时，菜单切换对应菜单并可见页面加载时使用intersection

现象：electron+vue项目中使用element-ui中的table组件table展示空白dom节点表头存在没有数据解决办法：在webpack.renderer.config.js文件中whiteListedModules新增element-uilet whiteListedModules = ['vue']// 改为let whiteListedModules = ['v...

现象：vue项目中引入pcm文件失败报错内容Module parse failed: Unexpected character ' ' (1:0)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See...

场景需求：选中列表中的某一项拖动到目标中使用工具vue-selecto进行框选使用H5的draggable属性进行拖拽放置使用工具vue-selecto进行框选git地址：https://github.com/daybrush/selectodemo地址： https://daybrush.com/selecto/storybook/?path=/story/selecto–select-in-real-time以下是代码，来源是vue-selecto插件说明：HTML中vue-sele

场景需求根据获取的数据展示饼图图例展示百分比数据点击图例高亮图表项并展示悬浮提示git地址

需求超级简单：点击下载按钮下载测试.doc文件出现的问题本地点击下载正常，服务器上点击下载没反应检查问题检查前端代码之后，发现下载写的是点击window.open修改问题然后将window.open的方式改为<a href="测试.doc" download="测试.doc">下载</a>打包下载正常，但文件打开之后出现乱码再次排查问题进行比较检...

需求：对图片进行记号笔操作说明：图片是图片列表，所以可能是单张图片，也可能是多张,并且每张图片上会有其他的元素，展示dom结构如下<div id="j-html-img"> <div v-for="(item, index) in imageList" :key="'item.id" class="canvas-wrp"> <img :src="ite...

上一篇我们讲到html2canvas，dom转图片，并对图片进行记号笔操作这一篇我们说一下转写相关的问题：转写模糊图片加载失败记号笔坐标偏移滚动失效存在两次转写，模糊的原因可能就有两个html2canvas转模糊wPaint转模糊html2canvas转模糊解决办法：获取设备像素比并设置canvas的宽高以及canvas.style的宽高let imgDom =...