![](https://img-blog.csdnimg.cn/direct/0f2974397dce47c6bde95404f71692c4.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端常见用法
文章平均质量分 82
前端常见用法
白桃与猫
每天学一点点~
展开
-
移动端浏览器的扫描二维码实现(vue-qrcode-reader与jsQR方式)
类似扫一扫的功能,自动识别到画面中的二维码并进行识别,也可以选择从相册中上传。vue-qrcode-reader一组用于检测和解码二维码的Vue.js组件jsQR一个纯粹的javascript二维码阅读库,该库接收原始图像,并将定位、提取和解析在其中找到的任何二维码。zxing-wasmZXing-C++ WebAssembly 作为带有类型的 ES/CJS 模块。读/写 web、node、bun 和 deno 中的条形码。安装3. 方式一:vue-qrcode-reader实现🔍vue原创 2024-06-11 13:55:06 · 2090 阅读 · 4 评论 -
vue中视频播放器xgplayer的使用(点播与直播)
点播视频)是一种多媒体服务形式,允许用户随时随地选择并观看视频内容,而不是按照预设的时间表来观看。xgplayer是一个开源的 HTML5 视频播放器,由字节跳动公司开发并维护。它最初是为了满足短视频平台的播放需求而设计的,具有高性能和高度可定制的特点。xgplayer适用于移动设备和桌面设备,支持多种视频格式和流媒体协议,包括等。原创 2024-05-29 10:11:25 · 1538 阅读 · 5 评论 -
多张图片上传、图片回显、url路径转成File文件
背景:在表单中使用element-plus实现多张图片上传(限制最多10张),因为还要与其他参数一起上传,所以使用formData格式。编辑表单回显时得到的是图片路径数组,上传的格式是File,所以要进行一次转换。2. 踩坑记录问题:在对图片列表遍历后处理时,一开始在中进行文件格式转换操作,数据项无法插入中,但控制台打印有值。原错误写法:原因:是并发执行,在每次迭代时会立即执行指定的回调函数,并且不会等待上一次迭代的结果,所以并不能保证每次convertUrlToFile操作都已完成。解决方法原创 2024-05-22 14:26:26 · 975 阅读 · 0 评论 -
grid的常见使用场景
grid的常见使用场景。场景1:固定几列显示,显示不下会自动换行。场景2:格子宽度固定, 显示几列不确定。场景3:不同列所占份数不同。场景4:有些列宽度不固定原创 2024-05-11 17:23:35 · 382 阅读 · 0 评论 -
使用scrollIntoView滚动元素到可视区域
scrollIntoView 是一个内置的 JavaScript 方法,用于将元素滚动到视口可见的位置。它通常用于用户界面中,以便用户能轻松看到特定的元素。此方法可以应用于任何 DOM 元素,并且有多个参数可以控制滚动行为。原创 2024-05-11 13:34:12 · 1064 阅读 · 0 评论 -
前端实现base64编码图片的导出、图片添加描述文字导出
传入图片的base64编码,将图片进行导出保存。图片添加描述文字导出原创 2024-04-24 14:16:41 · 308 阅读 · 0 评论