随笔 - 210  文章 - 0 评论 - 0 阅读 - 61289
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

03 2023 档案
video标签视频指定帧作为预览图
摘要:<video :src="videoUrl" :poster=" videoUrl + '?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,ar_auto' " ></video> 阅读全文
posted @ 2023-03-30 17:36 鲤斌 阅读(323) 评论(0) 推荐(0) 编辑
通过鼠标拖拉获取图片原像素的两个点坐标vue
摘要:<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= 阅读全文
posted @ 2023-03-22 13:46 鲤斌 阅读(127) 评论(0) 推荐(0) 编辑
使用鼠标在图片上拖拽矩形框vue
摘要:<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec 阅读全文
posted @ 2023-03-22 13:19 鲤斌 阅读(178) 评论(0) 推荐(0) 编辑
限制左键拖拽图片阴影vue
摘要:<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you 阅读全文
posted @ 2023-03-22 12:01 鲤斌 阅读(57) 评论(0) 推荐(0) 编辑
java中使用对象储存OSS
摘要:首先获取 ACCESS_KEYSECRET 与 ACCESS_KEYID 获取 ENDPOINT 与 ALI_DOMAIN 与 BUCKET_NAME(存储空间名称) 依赖 <!-- 图片上传依赖--> <dependency> <groupId>com.aliyun.oss</groupId> < 阅读全文
posted @ 2023-03-22 11:04 鲤斌 阅读(116) 评论(0) 推荐(0) 编辑
vue点击图片获取图片原像素坐标
摘要:<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te 阅读全文
posted @ 2023-03-21 15:47 鲤斌 阅读(670) 评论(0) 推荐(0) 编辑
hystrix的熔断降级
摘要:hystrix的熔断降级 结合Feign 使用 1.A服务通过B服务的唯—标识,从Nacos获取到可调用列表。 2.使用feigh中的Http发起远程请求。 3.超过默认配置的时限,抛出异常,结束该线程。 调用方 依赖 <!-- 熔断降级的依赖--> <dependency> <groupId>or 阅读全文
posted @ 2023-03-19 23:35 鲤斌 阅读(31) 评论(0) 推荐(0) 编辑
nacos-config配置中心
摘要:依赖 <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId> </dependency> yml server: port 阅读全文
posted @ 2023-03-17 13:53 鲤斌 阅读(18) 评论(0) 推荐(0) 编辑
长按录音并且音频相似对比打分
摘要:<template> <div> <!-- //音频隐藏为了音频相似对比使用 --> <div> <audio v-for="(audio, index) in audiosurl" :key="index" :src="audio.src" ref="audio" ></audio> </div> 阅读全文
posted @ 2023-03-15 04:55 鲤斌 阅读(137) 评论(0) 推荐(0) 编辑
js-audio-pluging(录音)
摘要:安装 npm i js-audio-recorder 代码 <template> <div class="BaseRecorder"> <div class="BaseRecorder-record"> <el-button @click="startRecorder()" :disabled="r 阅读全文
posted @ 2023-03-13 11:21 鲤斌 阅读(265) 评论(0) 推荐(0) 编辑
vue常用函数
摘要:this.$router.back(); //回退上一页面 阅读全文
posted @ 2023-03-10 18:11 鲤斌 阅读(19) 评论(0) 推荐(0) 编辑
vue星星评分
摘要:<template> <div> <div class="xx"> <div v-for="(i, index) in list" :key="index" class="xxitem"> <img :src="xing > index ? stara : starb" width="100%" : 阅读全文
posted @ 2023-03-10 14:23 鲤斌 阅读(65) 评论(0) 推荐(0) 编辑
vue 遍历的汉字显示不同的颜色
摘要:<template> <div> <div class="stars"> <span v-for="(star, index) in stars" :key="index" :class="starClass(index)" >33 </span> </div> </div> </template> 阅读全文
posted @ 2023-03-10 13:22 鲤斌 阅读(173) 评论(0) 推荐(0) 编辑
vue获取公网ip
摘要:<template> <div> <div>Your Public IP: {{publicIP}}</div> </div> </template> <script> export default { data() { return { publicIP: '' }; }, created() { 阅读全文
posted @ 2023-03-09 23:38 鲤斌 阅读(93) 评论(0) 推荐(0) 编辑
储存入redis并且将次数进行+1
摘要:// 储存入redis并且将次数进行+1stringRedisTemplate.opsForValue().increment(RedisKey.LOGIN_FATL_NUM + "13488456945"); 阅读全文
posted @ 2023-03-09 01:55 鲤斌 阅读(141) 评论(0) 推荐(0) 编辑
关于图片成为圆形的方法
摘要:1,在图片外的盒子中加入 border-radius: 50%; overflow: hidden; 2,(1)在图片外的盒子中加入 border-radius: 50%; (2)在图片的css中加入 border-radius: 50%; 阅读全文
posted @ 2023-03-08 10:52 鲤斌 阅读(368) 评论(0) 推荐(0) 编辑
position的属性值
摘要:(fixed的父元素永远是浏览器窗口,不会根据页面滚动而改变位置;absolute的父元素是可以设置的,他会永远跟随父元素的位置的改变而改变。) 1、position: relative;相对定位 不影响元素本身特性(无论区块元素还是内联元素会保留其原本特性) 不会使元素脱离文档流(元素原本位置会被 阅读全文
posted @ 2023-03-08 10:26 鲤斌 阅读(174) 评论(0) 推荐(0) 编辑
java中获取内网IP
摘要:package com.dashan.utils.iputils; import org.apache.commons.lang.StringUtils; import javax.servlet.http.HttpServletRequest; import java.net.InetAddres 阅读全文
posted @ 2023-03-07 23:26 鲤斌 阅读(362) 评论(0) 推荐(0) 编辑
java中根据公网IP获取地址
摘要:package com.dashan.utils.iputils; import com.fasterxml.jackson.databind.ObjectMapper; import okhttp3.OkHttpClient; import okhttp3.Request; import okht 阅读全文
posted @ 2023-03-07 23:25 鲤斌 阅读(19) 评论(0) 推荐(0) 编辑
vue遮罩层
摘要:<template> <div class="hello"> <button @click="toggleModal">打开Modal对话框</button> <div class="modal-backdrop" v-if="showModal"> <div class="modal"> <div 阅读全文
posted @ 2023-03-07 23:21 鲤斌 阅读(114) 评论(0) 推荐(0) 编辑
java中获取公网IP
摘要:package com.dashan.utils.iputils; import org.apache.commons.lang.StringUtils; import java.io.BufferedReader; import java.io.IOException; import java.i 阅读全文
posted @ 2023-03-07 23:06 鲤斌 阅读(554) 评论(0) 推荐(0) 编辑
redis的基本数据类型测试
摘要:依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId> </dependency> @SpringBootTestclass 阅读全文
posted @ 2023-03-05 18:42 鲤斌 阅读(45) 评论(0) 推荐(0) 编辑
最基本的SpringCloud的搭建
摘要:对于springcloud而言,模块是按业务进行区分的; 父工程 依赖 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version> 阅读全文
posted @ 2023-03-05 01:59 鲤斌 阅读(25) 评论(0) 推荐(0) 编辑
疑似挖矿行为的检查通知处理的方法
摘要:今天我的服务器发信息 “云服务器存在疑似挖矿行为的检查通知” 让我尽快处理; 首先通过top命令没有找到异常 netstat -anptl //查找异常的ip lsof -p 7149 // ls -l /proc/7149/exe //获取并记录挖矿进程的文件路径: kill -9 7149 // 阅读全文
posted @ 2023-03-05 01:53 鲤斌 阅读(138) 评论(0) 推荐(0) 编辑
启动多个redis进程
摘要:启动时指定端口 启动时指定端口可在一台服务器启动多个redis进程 cd /opt/work/redis/bin./redis-server ../conf/redis.conf --port 6380 创建多个redis目录 创建多个redis目录,以端口号命名,推荐使用此种方式 比如:创建638 阅读全文
posted @ 2023-03-05 01:44 鲤斌 阅读(128) 评论(0) 推荐(0) 编辑
redis.conf配置文件详解
摘要:redis.conf配置文件详解 4.1. Redis默认不是以守护进程的方式运行,可以通过该配置项修改,使用yes启用守护进程 daemonize no 4.2. 当Redis以守护进程方式运行时,Redis默认会把pid写入/var/run/redis.pid文件,可以通过pidfile指定 p 阅读全文
posted @ 2023-03-05 01:38 鲤斌 阅读(144) 评论(0) 推荐(0) 编辑
Feign负载均衡
摘要:Ribbon负载均衡(了解) Ribbon与nacos负载均衡的区别 nginx的负载均衡是服务端的负载均衡。ribbon的负载均衡是客户端的负载均衡; 服务端的负载均衡需要将被调用的方的ip以及端口号进行配置。服务端的负载均衡 需要自己手动的进行配置,才能完成调用。如果没有配置,则无法进行负载; 阅读全文
posted @ 2023-03-03 01:19 鲤斌 阅读(138) 评论(0) 推荐(0) 编辑
elementui中对样式的修改标签
摘要:/deep/ .el-drawer.rtl { -webkit-animation: rtl-drawer-out .3s; animation: rtl-drawer-out .3s; background:rgba(253, 253, 252, 0.263); right: 0; } 报错不用管 阅读全文
posted @ 2023-03-02 22:29 鲤斌 阅读(50) 评论(0) 推荐(0) 编辑
flex布局
摘要:代码<template> <div> <div class="right3box" :style="{width: 500+'px', height:132+'px',top:200+'px',marginLeft:70+'px'}" > <div class="text3" style="flex 阅读全文
posted @ 2023-03-02 15:46 鲤斌 阅读(14) 评论(0) 推荐(0) 编辑
vue横向滑动
摘要:代码 <template> <div> <!-- 左侧的滑动模块 --> <div class="scroll-box" :style="{width: 1106*screenWidth/1920+'px', height:336.52*screeHeight/1080+'px',top:130*s 阅读全文
posted @ 2023-03-02 11:47 鲤斌 阅读(69) 评论(0) 推荐(0) 编辑
vue 纵向滑动模块
摘要:代码 <template> <div> <!-- 左侧的滑动模块 --> <div class="scroll-box" :style="{width: 410.7*screenWidth/1920+'px', height:730*screeHeight/1080+'px',top:130*scr 阅读全文
posted @ 2023-03-02 11:41 鲤斌 阅读(60) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示