摘要：
最初写的demo: 如下图： 文字内容未被清除掉，出现了重叠的问题，尝试了网上说的ctx.save(),ctx.restore(),beginPath()等方法都不好用， 后来经过一番查找，终于解决了： 改写如下： 在这里需要主要的点就是fillText的方法里参数表示的真正含义： 默认情况下，文本 阅读全文
摘要：
项目中数据量有时候过于庞大，使用elementui的Select组件时，会导致下拉框加载速度慢卡顿甚至于卡死，为解决这个问题，使用vue-virtual-scroll-list插件 ，模拟虚拟滚动。 vue-virtual-scroll-list是vue的一个虚拟滚动组件，通过不渲染可视区域以外的内 阅读全文
摘要：
今天 1 const startTime = moment(moment().startOf('day').valueOf()).format('YYYY/MM/DD HH:mm:ss'); 2 const endTime = moment(moment().valueOf()).format('Y 阅读全文
摘要：
前端主题切换 有些时候我们在网站上会进行夜间/白天模式的切换。 这里我们介绍一种流行的切换模式 css变量 + 动态类名来进行切换 非常的简单。废话不多说。我们直接上代码。 第1种是通过 类名和变量来实现的 第2种是通过 属性和变量还实现的 最后1种 给body加 filter: invert(1) 阅读全文
摘要：
当处理基于 Base64 编码的图像数据时，您可以使用以下代码来获取图像的宽度、高度以及 Uint8ClampedArray（表示图像像素数据）： 一、基于typescript的实现 1 function base64DataURLToImageData(base64DataURL: string) 阅读全文
摘要：
setInterval() - 间隔指定的毫秒数不停地执行指定的代码（一直执行）。 setTimeout() - 在指定的毫秒数后执行指定代码(只执行一次)。 使用setInterVal： function doStuff(){ // 此处为需要执行一段时间T的代码 } setInterVal(do 阅读全文
摘要：
v-bind="$attrs" 主要用于组件之间的隔代传值。例如有 父组件A，子组件B，孙组件C 三个组件。 A组件中的值需要直接传给C，那么就需要在B中设置v-bind="$attrs"，然后在C组件中用prop接收，此时就直接把值传给了C组件。 父组件A <template> <B_zujian 阅读全文
摘要：
日常做项目中经常会遇到根据周、月、季度、年的日期时间选择器，切换不同的时间时选择器也做出相对应的变化，并且获取相对的开始时间和结束时间。 效果如下: 1.先创建子组件--季度的日期选择器 1 <template> 2 <div class="time_quarter"> 3 <mark style= 阅读全文
摘要：
遇到问题我们首先要搞明白为什么。当web前端通过vidoe+canvas+MediaDevices.getUserMedia()的方式调用本地多媒体设备（不局限于摄像头）时。存在一个安全问题，为了用户的隐私安全，http协议无法使用多媒体设备。因为像摄像头和麦克风属于可能涉及重大隐私问题的API，g 阅读全文
摘要：
Pinia是2019年由vue.js官方成员重新设计的新一代状态管理器，更替Vuex4成为Vuex5。 pinia的优点 更好的支持vue3和Ts vuedevtools更好的支持pinia 支持服务端渲染 支持插件扩展功能 1.安装pinia npm install pinia 2.main引入并 阅读全文