W

原创 Video 不支持微信小程序的show-bottom-progress属性

渲染一个Video播放视频，无法隐藏手机屏幕最底部的进度条，即不支持属性show-bottom-progress = false。渲染一个Video播放视频，无法隐藏手机屏幕最底部的进度条，即不支持属性show-bottom-progress = false。微信小程序官方文档video 支持show-bottom-progress属性。微信小程序官方文档video 支持show-bottom-progress属性。我试了原生的微信小程序，这个属性也没有效果，想要隐藏可以这样。

原创 Element 自定义指令 下拉分页，获取无限数据

原文链接。

原创 博客摘录「 memcacheq: error while loading shared libraries: libdb-5.1.so: cannot open sh...」2023年6月16日

ls -al /usr/lib |grep libevent

原创 小程序倒计时：实现文章阅读时间限制

有些文章、必读、须知等，都是需要用户阅读完之后才可以进入功能页面，看了网上的教程，很多都是能实现的（onshow加载定时器，onUnload清掉定时器），实际上定时器却仍存在后台，没有清除掉，非常的耗内存。如果有人无聊，反反复复的进入该页面，就会发现定时器变快了。直到我看到这个： <button class='btn' catchtap="nextStepTap" class="{{disabled ? 'grey-btn btn' : 'btn'}}">下一步{{next...

原创 一篇关于Java选手给自己挖的js字符串替换巨坑的日志

以前总觉得前端很简单，就是js加点css，当我开始写前端的时候，才发现前端就是一片汪洋。 记得Java替换字符串的方法，有个replaceAll()，大家都猜到了，我在js里面用了replaceAll()方法，我当初为什么会用replaceAll()，就是因为这个页面控制台提示了replaceAll()方法可以用，如下图： 在手机上，有些浏览器确实是可以实现的，但还是有大部分浏览器是无法实现的，后面检查问题的时候，我也从来没想过是因为这个原因，这就是来...

原创 JS 快速替换字符串指定下标字符

替换指定字符串 ：将字符串str中的第index的字符替换成newWords,返回替换后的字符串，前提是只知道下标，不知道被替换的字符是什么，当然，如果知道被替换的字符，直接使用replace、replaceAll就可以了function replaceWord (str, index, newWords) { let arr = str.splid('') arr[index] = newWords return arr.join('')}...

原创 Spring Cloud项目间歇性404：如何关闭注册中心中多余服务

问题：一如既往的写好接口重启本地服务，发出请求的时候，奇数次服务成功响应，偶数次服务404，就好像是有两个服务在轮询一样1、能成功到达服务并响应数据，说明不是接口的问题，这时候就可能是配置的问题。先检查了一次配置，配置并没有发现什么问题，真是伤脑筋。2、检查注册中心。根据服务配置中的注册中心地址登录之后，发现注册中心上有两个服务……想起之前用idea开了两个服务，关掉idea之后这个服务好像没有关掉，所以现在关掉注册中心上面的服务就好了：打开postMan，发送DELECT请求：http

原创 windows10环境下的RabbitMQ安装步骤详解

官网下载地址：https://www.rabbitmq.com/download.html ，选择需要的下载包点"Chocolatey or Installer"进去就是下载安装包的页面了，以及一些安装说明，拉到下面，可以看到说安装RabbitMQ需要先安装一个版本支持的Erlang，点击 “supported version of Erlang”可以看到Erlang与RabbiterMQ对应的版本号，下图：需要注意的是，如果安装的最新版本的RabbitMQ的话，虽说是需要安装...

原创 原生js实现自定义消息提示框

效果图：https://www.jb51.net/article/200106.htm

原创 vue渲染多个表单

html: <div v-for="(item, index) in userDefinedFormList" :key="index"> <el-form :model="item" ref="userDefinedForm" :rules="userDefinedFormRules" label-width="100" class="userDefined-form" > <di.

原创 vue 中滚动条始终定位在底部的方法

https://www.jb51.net/article/146762.htm

原创 Java合成照片

public static String mergeImages(String img1Path, String img2Path) throws IOException { String mergeImgStr = ""; try { //1、获取图片1 File fileA = new File(img1Path); File fileB = new File(img2Path); .

转载 input type=file实现图片上传，预览以及图片删除

背景前两天在做一个PC网站的意见反馈，其中涉及到了图片上传功能，要求可以上传多张图片，并且支持图片上传预览及图片删除，图片上传这一块以前没怎么搞过，而且一般也很少会碰到这样的需求，所以在做这个功能的时候，参考了很多网上的代码 ，现在就单独写一篇博客来记录下实现的整个过程，以及在做的过程中遇到的一些坑。先来看下实现的最后效果：首先先创建好一个用于展示预览图片及上传按钮的div，content-img-list用于动态展示预览图片，file用于显示上传按钮<div class="

原创 element：el-tree控件获取当前选中节点（key）值，超简单！！

呜呜呜，我终于弄明白这个el-tree怎么用了，主要还是要仔细看官网，网上去查到的真的是太复杂了，都是在坑我在对tree设置唯一标识key时，需要设置node-key属性：看官网文档，这个click方法就是我想要的理想方法啊，直接给出选中的节点、节点key值等结果：简直不要太好用了，代码如下：重要的事情再说一次： ！！ 设置key值必须要设置node-key <el-tree ref="tree" :data="RoleTreeData...

原创 使用vue-cli脚手架创建vue项目

1、什么是脚手架所谓脚手架其实就是帮助我们快速搭建项目的工具，通常只需要跑一个命令就可以帮助我们生成一个项目，让用户不需要再思考项目的目录结构，单元测试，所需要的依赖等繁琐的事情。一般不同的技术栈会有自己的目录结构、工作流程，所以很多前端框架比如vue、angular、 ember会有自己的脚手架工具（一般就叫XXX-cli）。yeoman也可以根据不同的生成器(generator)成为不同项目的脚手架工具。2、安装（1）安装node.js：https://nodejs.org/en/down.

转载 IntelliJ IDEA 中SpringBoot对Run/Debug Configurations配置 SpringBoot热部署

运行一个SpringBoot多模块应用1、使用SpringBoot配置启动：Use classpath of module选中要运行的模块VM options:内部配置参数-Dserver.port=8080 -Dspring.profiles.active=test -Ddebugserver.port可以设置端口号，spring.profiles.active=test可以设置运行环境-Ddebug 开启debug模式这种方式的好处就是不用对代码进行任何变动，.

原创 JS快速去除数组重复值

1、使用 set 对数组快速去重，再将set转为数组[...new Set(array)]结果：换汤不换药：function dedupe(array) { return Array.from(new Set(array));}dedupe([1, 1, 2, 3]) 结果：2、for循环是一个很笨的方法，两层循环，新数组中没有原数组的值，就加到新数组中，已有则循环下一个...

原创 前端捕获异常

前端也是可以捕获异常的，后台一样try catch 的try{ ......}catch(e){ console.log("捕获异常："); console.log(e); console.log("异常信息："+e.message);}

原创 ES6：字符串转数组

使用ES6的数组扩展。扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。[..."abcdefg1234567"]

原创 win10压缩vue依赖文件时提示找不到文件路径

需要将vue项目的代码挪到一个封闭的内网环境下运行，如果直接将文件夹传到终端（服务器）上面去，可能在传输的过程中出现丢失文件的情况，成千上万个依赖包不可能一个个去对丢了哪个包，只能将依赖包一起压缩起来传到终端上一开始我是使用cnpm下载依赖的，压缩文件的时候出现错误警告：系统找不到文件路径，但是打开文件夹，这个路径是真实存在的，其实就是文件夹路径太长导致系统没扫描到这个文件夹。解决方法很简单，只要将项目的node_modules删掉，使用npm重新编译即可（真棒）。...

原创 Vue：编写了一个JS工具类，在Vue中该如何引用

编写了一个JS工具类，在Vue中该如何引用？// utils目录下的myUtiles.jsexport function myUtiles(){ alter("调用测试工具类的myUtilsJS方法");}<template> <el-button @click="myUtiles">调用JS工具类</el-button></template><script>import { myUtiles } from

原创 vue：清除表单校验

//在打开弹窗后面this.$nextTick(() => { this.$refs["formName"].clearValidate();});

原创 h5 canvas清空画布

画布清空：1、canvas高度或宽度被重设时，画布内容就会被清空clearCanvas(){ this.board=this.canvas.getContext("2d"); this.canvas.height = this.canvas.height;}2、使用clearRect方法this.board=this.canvas.getContext("2d");clean() { this.board.clearRect(0, 0, this.c...

原创 H5 canvas的绘图工具：canvas画布非空验证

如果项目中需要添加手写签名等功能，需要做一个canvas绘图工具，然后将绘制之后的图片传给后台，这时候就需要添加一个非空校验，画布为空的时候不允许提交图纸。//验证canvas画布是否为空函数function isCanvasBlank(canvas) { var blank = document.createElement('canvas');//系统获取一个空canvas对象 blank.width = canvas.width; blank.height = canva

原创 vue 禁用点击model关闭对话框

使用vue开发页面，在打开新增或编辑等对话框时，如果不小心点击非对话框的地方（model）就会关闭对话框，如果页面添加了表单清空，用户再次打开对话框的时候，表单内容已经被清空了，用户需要重新填，如果又不小心点了非对话框的地方……可以使用close-on-click-modal来控制是否可以通过点击 modal 关闭 Dialog<el-dialog title="对话框" :visible.sync="centerDialogVisible" :close-on-clic...

原创 请求报错500：Required String parameter ‘id‘ is not present 

500报错：Required String parameter 'yz00Id' is not present（必需的字符串参数“yz00Id”不存在）看了一下，前端有给后台传 “yz00Id”这个参数，但是好像没有识别出来，后来仔细看了一下，后台使用@RequestParam来接收前端传过来的参数，那么前端需要传入的是正常表单数据，有两种方法：1、直接在链接上拼接参数.get("getCardById?Id="+this.formObj.id)2、使用formData格式提交...

原创 Git 常用命令

原创 将本地jar包放入maven的仓库中

1、首先编辑好maven命令：以支付宝的jar为例mvn install:install-file-Dfile=alipay-sdk-java-1.0.0.jar （jar包的全称，还可以使用全路径这样可以直接使用命令不用进入文件目录中运行命令了）-DgroupId=com.acts （jar包的groupId）-DartifactId=alipay-sdk-java （jar包的artifactId）-Dversion=1.0.0（jar包的版本号）-Dpackag...

转载 IDEA使用Maven项目不能加入本地Jar包的解决方法

使用IDEA编辑Web项目已经逐渐超过了使用eclipse的人数，但是IDEA对于pom.xml的执行也就是Maven方式导包支持并不是很完善，简单来说就是pom.xml上面记录的依赖库一般都能导入，但是如果pom.xml上面的某个依赖库失效，比如远程服务器关闭或者网络不通，或者是你想要加入本地硬盘上的某个jar包而不修改pom.xml的时候，IDEA的弊端就会显现出来。主要表现就是无法获得的依赖库或者本地Jar包无法放到/WEB-INF/lib目录下，导致Web项目部署时报错。一个常见的错误就是ojd

原创 Maven 编译时缺少依赖，java: 程序包org.apache.http不存在

在编译的时候，提示java:程序包org.apache.http不存在打开pom.xml文件，发现是对应的版本不对我怎么知道是哪个版本才是正确的呢？打开百度，输入maven org.apache.httpcomponents，一般出来的第一个就是进去之后，仔细看一下自己需要的是哪个包，我们是需要 org.apache.httpcomponents 下的 httpclient选择自己需要的版本，其实版本都一样的，我们一般选择多人使用的版本（看右边的星星，星星比较...

原创 vue 清除表单校验

当一些表单校验没通过却关闭了，等下一次再打开的时候，表单校验还是存在的，这样用户体验性很差，所以要在每次打开表单（或者关闭表单之前）的时候要清空表单校验<el-form :model="formInfo" ref="addForm" v-load="formLoading"></el-form>this.$nextTick(() => { this.$refs["addForm"].clearValidate();});

原创 vue 表单校验不通过时拦截提交表单

上代码：<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="名称" prop="name"> <el-input type="textarea" v-model="ruleForm.name"></el-input> </el-form-item

原创 VSCode 配置git

本地安装了git，但是在VSCode上面却找不到git，提示要安装git查看输出，提示VSCode找不到 git.exe原因是VSCode中git默认是放在C盘，就是上图的路径中，如果 git.exe 存在其他盘，需要对VSCode进行配置，告诉他git.exe的位置。点击左下角的设置按钮，选择 settings，搜索 git.path ，点击edit in setting.json对git.path添加 git.exe路径：{ "git.path...

原创 vue：input框使用v-model绑定值之后无法修改绑定值

日常给自己挖坑：搬来的砖，一个没注意的小细节就自己挖了个大坑上代码：<el-form-item label="联系方式" prop="phone"> <el-input v-model="formLabel.phone"></el-input></el-form-item>methods: { // 获取新增页面的默认电话号码 getAreaAndBankName() { apiRequest

原创 vue 封装组件 获取登陆用户的信息

上图是一个获取用户信息的get请求，返回一个request，放在 src 下的 api 下的 login.js导入组件： import { login, logout, getInfo } from '@/api/login'在获取某登陆用户的信息，其实就是用 get 请求一个接口例子：<script>import {getInfo} from '@/api/login'……methods: { getInfo() //其实这就是一个get请求...

原创 数字字典的作用

今天客户负责人问我，你们系统在下拉框里面存的字典是什么？比如民族这个，存的汉族还是什么？我说存的字典编码，我们把民族、区域等信息存在字典里面。但是为什么要存数字字典呢？直接存文字不好吗？现在说说数字字典的重要性：1、保证开发时参数能够统一。先给大家普及一下多租户的概念。一个企业开发一个系统主要还是为了盈利，会租给A客户，也会租给B客户、C客户等，租户A就是该系统的某一个租户。为了保证数据的完整性、安全性、可靠性等，这些租户看不到相互之间的数据，只能根据其在这个系统里面的权限查询相对应的功能及

原创 Vue 下载PDF文件：前端如何将后台返回的二进制转换成对应的文件

从请求看到后台返回一些奇奇怪怪的数据，如下图（第一行提示的就是改文件的类型），那我该怎么将这些数据转换成对应的文件呢？其实这些数据就是一些二进制，就是我们常说的blob对象（blob就是这些二进制的容器），这样想的话就变得简单了，前端需要做的也就是创建一个blob对象，然后读取（转换）这些二进制就可以了。（说那么多，其实也就是后台常说的字节流）废话少说，上代码：<el-button icon="el-icon-document-checked" type=..

转载 基于vue的图片裁剪插件vue-cropper

我在网上找了很多关于vue裁剪图片的文章，demo都太长了，实在是太长了。有些还都看不懂，最后还是用了个大佬的demo，但是项目实践过程中还是有问题没解决。先介绍吧。效果是下面这样的，我这里采用了4:3的固定比例进行裁剪，裁剪后的效果但是裁剪后的图片路径是base64，超级长的路径，最终还是需要处理地址传给后端的，项目用oss处理图片，最终获得一个类似于aad68a8fd577464dbcdead2e9b20084d这个的后缀传给后端，base64的路径有几万几十万个字符，传给后端会炸的吧。

原创 css 文字太长，点点点省略部分内容

只有一行：text-overflow: ellipsis;white-space: nowrap;overflow: hidden;多行数据：overflow: hidden; display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 。text-overflow: ellipsis; // 可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。-webkit-box-orient: v

原创 css 打破组件样式

当我们只用 别人的组件开发的时候，有时候会想将组件的样式换成自定义的样式，可以使用 /deep/ 深度穿透<style scoped> /deep/ .title{ color: #ff0; }</style>