前端
文章平均质量分 51
遥忆知
实践是检验真理的唯一标准
展开
-
Vue实现音频文件播放功能
1、定义播放按钮 <el-button type="text" @click="handlePlay(scope.row)">播放</el-button> 2、定义弹出层组件 <el-dialog title="录音播放" :visible.sync="dialogVisible" width="20%" :before-close="stop"> <template> <center>转载 2022-04-16 15:21:54 · 10060 阅读 · 0 评论 -
转存: vue+elementui实现列表播放音频,弹框播放视频,轮播图片,外界地址,富文本内容
转载,未验证vue+elementui实现列表播放音频,弹框播放视频,轮播图片,外界地址,富文本内容实现效果:1、音频播放:2、视频播放3、图片轮播4、跳转外界链接5、富文本代码<template> <el-card class="threed_onlycss"> <!-- 查询区域 --> <div :class="{ active: isActive }"> <el-row :gutter.转载 2022-04-16 15:18:16 · 1922 阅读 · 0 评论 -
vue实现倒计时功能
简单介绍下倒计时功能html如下:<p>倒计时:{{hour}}:{{minute}}:{{second}}</p>js如下:<script type="text/javascript"> new Vue({ el: "#page", data() { return { hours: 1,转载 2022-03-19 21:31:34 · 5104 阅读 · 2 评论 -
vue打包部署到nginx后,后端返回的图片不显示
需要以网络图片形式加载 this.getRequest( "/video/page?current=" + this.currentPage + "&size=" + this.pageSize + "&name="+this.keywords ).then((resp) => { this.tableLoading = false; if (resp && resp.status == 200)原创 2021-05-06 07:19:15 · 1187 阅读 · 0 评论 -
vue 跳转组件 销毁定时器
我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示:解决方法1:首先我在data函数里面进行定义定时器名称:data() { return { timer: null // 定时器名称 } },然后这样使用定时器:this.timer = (() => {转载 2021-04-29 13:54:41 · 1090 阅读 · 0 评论 -
Vue element-ui vue-quill-editor 富文本编辑器实现
第一步下载组件npm install vue-quill-editor --save第二步在需要使用的组件内引入· 富文本组件import { quillEditor } from 'vue-quill-editor'同时引入相关cssimport 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'因为是个组件所以要注册才能使用放到视图容器转载 2021-04-24 18:43:17 · 456 阅读 · 0 评论 -
js实现json格式化,以及json校验工具的简单实现
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 易于人阅读和编写,同时也易于机器解析和生成。 XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在.转载 2020-11-20 10:03:12 · 1542 阅读 · 0 评论 -
VUE表格列表序号展示
利用分页参数展示原创 2020-09-21 09:07:31 · 1890 阅读 · 0 评论 -
JS大小转化B KB MB GB的转化方法
function conver(limit){ var size = ""; if( limit < 0.1 * 1024 ){ //如果小于0.1KB转化成B size = limit.toFixed(2) + "B"; }else if(limit < 0.1 * 1024 * 1024 ){//如果小于0.1MB转化成KB size转载 2020-07-16 11:09:25 · 2223 阅读 · 0 评论 -
vue 批量打包下载
npm install jszipnpm install file-saver在页面的script中引入依赖import JSZip from 'jszip'import FileSaver from 'file-saver'<template> <div class="hello"> <el-table ref="multipleTable" :data="tableData" tooltip原创 2020-07-14 18:06:55 · 772 阅读 · 0 评论 -
WebUploader 多种文件类型上传
accept: { title: 'Files', extensions: 'gif,jpg,jpeg,bmp,png,pdf,doc,docx,txt,xls,xlsx,ppt,pptx,zip,mp3,mp4,text,csv', mimeTypes: 'image/*,text/*' //word +',application/mswo转载 2020-07-14 15:20:56 · 3002 阅读 · 0 评论 -
v-for 循环添加单选框,复选框,文本框及数据回显
<template> <div class="hello"> <div style="width: 100%; height: auto;"> <div class="title"> <div style="text-align: center;"> <h1>{{tableData.name}}</h1>原创 2020-06-29 21:11:59 · 4097 阅读 · 1 评论 -
正则校验URL
给大家先案例一个超级全面的,它验证的情况包括IP,域名(domain),ftp,二级域名,域名中的文件,域名加上端口!用户名等等信息function IsURL (str_url) { var strRegex = '^((https|http|ftp|rtsp|mms)?://)' + '?(([0-9a-z_!~*\'().&=+$%-]+: )?[0-9a-z_!~*\'().&=+$%-]+@)?' //ftp的user@ + '(([.转载 2020-06-22 18:31:00 · 2890 阅读 · 0 评论 -
npm安装的时候报-4048
npm ERR! errno -4048npm ERR! syscall scandir是缓存的问题,清理下缓存就行了。控制台输入:npm cache clean --force转自:https://www.cnblogs.com/apgy/p/9603004.html转载 2019-06-17 13:18:02 · 4344 阅读 · 1 评论