- 博客(86)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 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
9888
转载 转存: 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
1736
原创 bat 文件中运行shutdown命令，cmd会不停的循环打印
文件名和命令可能重复shutdown是系统的执行命令,而文件名和命令一样会导致系统找不到需要执行的目标
2022-04-11 09:55:53
3153
1
转载 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
5005
2
原创 win10亮度无法调节，怎么处理
win10 亮度不能调节 ， 可能的原因之一：安装过向日葵远程控制软件(或类似软件)。右击“开始” —— 计算机管理 —— 设备管理器 —— 监视器 —— Generic Monitor (orayOPMS) —— 右击卸载 —— 重启电脑。并且卸载向日葵软件...
2022-03-10 08:43:45
1481
转载 java list中随机取出几条数据
/** * 在list集合中随机取出指定数量的元素 * @param list 取元素的集合 * @param count 个数 * @return */ public static List getRandomThreeInfoList(List list, int count) { List olist = new ArrayList<>(); if (list.size() <= cou...
2021-08-30 22:28:51
5145
转载 java-树形结构的list，转化为树形结构
举例部门级别//节点对象类package com.test;import java.util.List;/** * ClassName: TestMode * @Description: 测试对象 */public class TestMode { /** 节点id */ private String id; /** 节点名称 */ private String name; /** 父节点id */ private String parentId; /** 节点下的子节点
2021-08-22 12:40:23
546
原创 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
1123
转载 vue 跳转组件 销毁定时器
我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示：解决方法1：首先我在data函数里面进行定义定时器名称：data() { return { timer: null // 定时器名称 } },然后这样使用定时器：this.timer = (() => {
2021-04-29 13:54:41
1052
原创 layui/js/jQuery echarts 饼图
前台<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="../lib/layui/css/layui.css"> <script src="../lib/layui/layui.js"></script> <script src="../lib/jquer
2021-04-28 17:08:05
816
转载 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
439
转载 Java获取系统进程,并杀死指定进程
获取系统所有进程列表，遍历，然后进行模糊匹配，将匹配到的进程杀死！package com.auguigu.jdk;import java.io.BufferedInputStream;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.nio.charset.Charset;import java.util.ArrayList;impo.
2021-02-04 16:20:53
432
原创 Java的两种深拷贝（原型模式）
克隆实现Cloneable重写clone()方法 @Override protected Object clone() throws CloneNotSupportedException { DeepPrototype deepPrototype = null; deepPrototype = (DeepPrototype) super.clone(); deepPrototype.target = (DeepCloneableTarg
2021-02-04 10:30:38
208
4
原创 Spring：从容器中获取指定bean
项目结构beans.xmlMonster.javaTest.java ApplicationContext ioc = new ClassPathXmlApplicationContext("beans.xml"); Monster monster = (Monster) ioc.getBean("monster"); System.out.println(monster);pom.xml
2021-02-03 15:03:15
537
转载 单点登录(SSO)原理及实现
一、前言本篇文章简单介绍了一下SSO的概念及原理，然后使用SpringBoot+Redis实现了一个简单的SSO系统。系统使用ticket的形式，依靠cookie携带ticket向sso服务器进行验证，验证通过后允许访问请求地址。项目地址：项目地址二、SSO介绍SSO(Single Sign On)，单点登录，简单来说就是在一个具有多个子系统的系统中，只用登录一个子系统，然后访问其他子系统时不需要再次登录，即“一次登录，多处访问”，能够有效的提升用户体验。单点登录的大致流程如下（基于cookie）
2020-12-04 15:39:25
12696
转载 将一个数M随机分为N份，并限制每份的大小
需求场景：在活动开发中将50000个金币分为1000个金币红包，每个红包数额在8~188之间。缺点：在实际循环测试中，很难达到最大值。因为分配过多之后会随机减少。实现代码： /** * 将整数拆分为几组不同得数 * @param sum 被拆数 * @param count 拆分几组 * @param minNum 每组最小值 * @param maxNum 每组最大值 * @return */ priva
2020-12-02 15:17:46
1131
转载 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
1408
转载 Java统计List集合中每个元素出现的次数
/** * java统计List集合中每个元素出现的次数 * 例如frequencyOfListElements(["111","111","222"]) * -> * 则返回Map {"111"=2,"222"=1} * @param items * @return Map<String,Integer> * @author wuqx */ public static Map<String,Integer>...
2020-10-28 22:20:04
5530
转载 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
2115
原创 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
754
转载 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
2903
转载 在运行时对用户控制的对象流进行反序列化，会让攻击者有机会在服务器上执行任意代码、滥用应用程序逻辑和/或导致 Denial of Service。
Abstract:在运行时对用户控制的对象流进行反序列化，会让攻击者有机会在服务器上执行任意代码、滥用应用程序逻辑和/或导致 Denial of Service。Explanation:Java 序列化会将对象图转换为字节流（包含对象本身和必要的元数据），以便通过字节流进行重构。开发人员可以创建自定义代码，以协助 Java 对象反序列化过程，在此期间，他们甚至可以使用其他对象或代理替代反序列化对象。在对象重构过程中，并在对象返回至应用程序并转换为预期的类型之前，会执行自定义反序列化过程。到开发人员尝.
2020-07-03 17:24:06
1489
1
转载 Hardcoded 加密密钥可能会削弱系统安全性，一旦出现安全问题将无法轻易修正。
Abstract:Hardcoded 加密密钥可能会削弱系统安全性，一旦出现安全问题将无法轻易修正。Explanation:请勿对加密密钥进行硬编码，因为这样所有项目开发人员都能查看该加密密钥，而且还会大大增加解决问题的难度。一旦代码被使用，除非对软件进行修补，否则加密密钥将再也不能更改。如果受加密密钥保护的帐户遭受入侵，系统所有者将被迫在安全性和可用性之间做出选择。例 1：下列代码使用了硬编码加密密钥：private static final String encryptionKey = "l.
2020-07-03 15:56:52
4333
2
原创 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
3955
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
2837
转载 mysql从服务列表里消失
MySQL已安装，因长时间不用，不在服务列表中，无法启动，解决办法：1.以管理员身份执行cmd；2.切换到mysql安装目录下的bin目录，执行mysqld.exe --install命令，看到service successfully installed.表示安装服务成功。3.服务列表中启动MySQL服务...
2020-04-17 10:24:31
205
转载 JoinPoint的用法
JoinPoint 对象JoinPoint对象封装了SpringAop中切面方法的信息,在切面方法中添加JoinPoint参数,就可以获取到封装了该方法信息的JoinPoint对象.常用api:方法名功能Signature getSignature();获取封装了署名信息的对象,在该对象中可以获取到目标方法名,所属类的Class等信息Object[] getArg...
2020-04-10 17:33:50
1624
转载 基于jdk1.8的List、int[ ]、Integer[ ]的相互转换简洁写法及解释
下文中出现的list、ints、integers分别代表一个列表、一个int数组、一个Integer数组。
2020-04-10 11:19:23
486
转载 详解Lombok中的@Builder用法
简述：Builder 使用创建者模式又叫建造者模式。简单来说，就是一步步创建一个对象，它对用户屏蔽了里面构建的细节，但却可以精细地控制对象的构造过程。基础使用@Builde注释为你的类生成相对略微复杂的构建器API。@Builder可以让你以下面显示的那样调用你的代码，来初始化你的实例对象：Student.builder() .sno( "001" ) ...
2020-04-09 12:35:06
6114
2
转载 MySQL 中随机选择10条记录
原文地址mysql手册中存在rand()命令，能获取到随机行, 并使用limit 10 只采取其中几行。SELECT id FROM user ORDER BY RAND() LIMIT 10;数据量小于1000行的时候，上面的 sql 执行的快。但是当数据大于10000行, 排序的开销就变得很重。上面的操作中，我们在排序完就把几乎所有的行都丢掉了。只要我们有一个数字主键，我们可以有更好...
2020-04-08 11:29:09
1189
转载 MySQL利用存储过程批量插入数据
时间问题,sql代码是自己写的,文本描述是复制的,内容有差异的请自己辨别首先我是简单的写了一个mysql的循环插入数据的SP，具体如下：DROP PROCEDURE IF EXISTS prod_dt;CREATE PROCEDURE prod_dt()BEGINDECLARE i int;set i = 0;WHILE i<1000000 DO INSERT INTO ...
2020-04-08 10:49:51
1355
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人