gitstatus，查看git状态，出现了中文文件名编码问题或者说乱码问题。 1，右键点击gitbash上面的绿条，弹窗点Options 2，  选择Text，修改编码如下图，然后点击Apply，Save 3，修改git的全局配置 gitconfig--globalcore.quotepathfalse 界面编码格式 gitconfig--globalgui.encodingutf-8 文件提交编码格式 gitconfig--globali18n.commitencodingutf-8 LOG输出的编码格式 gitconfig--globali18n.logo...

先说重点，一般这里锁屏这里放到了2个位置，一个是放到router-view和他同级，一个是用documount来实现放到对应的位置。 <template> <divid="app"> <app-navbarv-if="!lockStatus"></app-navbar> <router-viewv-if="!lockStatus"></router-view> <lock-screen:show-lock="lockStatus"></lock-screen> </div> <...

minio对象存储搭建与使用(2023-12-08) 官网：https://min.io/ 安装教程：https://min.io/docs/minio/linux/operations/installation.html 一、直接下载使用 wgethttps://dl.min.io/server/minio/release/linux-amd64/minio chmod+xminio MINIO_ROOT_USER=adminMINIO_ROOT_PASSWORD=password./minioserver/mnt/data--console-address":9001" 下载minio...

Lombok是一个Java库，它通过注解的方式来简化Java代码的编写，减少样板代码（boilerplatecode）的重复，提高代码的可读性和可维护性。本文将介绍Lombok库中常用的注解及其用法。 添加依赖 <!-https://mvnrepository.com/artifact/org.projectlombok/lombok--> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <versi...

先看效果图： 项目需求： 本地上传文件类型只能是xml和a2l的做多上传个数为2个可以多选上传每种格式最多上传一个文件上传为手动上传到服务器上传错误有相应的提示 需求分析：  首先上传为手动上传那么文件类型我是打算在选取文件到前端页面的过程中我就处理文件或者也  可以在上传服务器的时候做判断我这里选择选取文件的时候做判断①是为了展示正确不会有不   满足我需求的文件显示在前端页面用户体验不好②是为了在服务器之前处理的话要用到before   upload（上传文件之前的钩子，参数为上传的文件，若返回f...

flinkcdc同步完全量数据就不同步增量数据了 使用flinkcdc同步mysql数据，使用的是全量采集模型startupOptions(StartupOptions.earliest())全量阶段同步完成之后，发现并不开始同步增量数据，原因有以下两个： 原因1： 1.mysql中对应的数据库没有开启binlog在/etc/my.cnf配置文件中，在[mysqld]添加以下内容 [mysqld] 数据库id server-id=1 启动Binlog，该参数的值会作为binlog的文件名前缀 log-bin=mysql-bin binlog类型，maxwell要求为row类型 binlog...

Althttpd是一个简单的网络服务器已经运行 https://sqlite.org/ 网站自2004年以来。Althttpd力求简单、安全、低资源使用。 https://sqlite.org/althttpd/doc/trunk/althttpd.md 截至2022年，althttpd实例sqlite.org答案约500,000HTTP请求每天(大约5或6每秒)提供约200GB的内容每天(大约18兆比特/秒)在一个40美元/月 Linode .负载平均上的这台机器通常保持在0.5.约10%HTTP请求CGI各种 矿物 源代码的软件库...

element手动上传 （随手一发，可以拿过来就用，不做解释看不懂的可以照搬，👇代码可复制👇） <div> <el-upload class="upload" ref="upload" action="string" :file-list="fileList" :auto-upload="false" :http-request="uploadFile" :on-change="handleChange" :on-preview="handlePreview" :on-remove="handleRemove" multiple="multiple" > <...

elementUI中el-upload的使用以及遇到的坑（手动上传案例） 做项目时遇到一个需求，支持同时上传多个图片。element-ui的upload组件支持多选文件，只需要配置参数multiple为true即可。但是这个组件默认会将多选的文件分多次进行上传，于是就会存在多次的上传请求（即同时上传3个文件，会同时调用3次上传接口，如图），由于后台的接口要求是一次请求能够上传多个文件，且我们也知道请求多了会对服务器造成更大的压力。 那么就要想办法解决上述问题，也就是说无论用户同时上传多少个文件，都只调用一个上传接口。 方法1：通过配置file-list auto-upload ...

第一种方式：js-cookies yarnaddjs-cookie importCookiesfrom'js-cookie'; //引入cookie //设置cookie Cookies.set(key,val); //获取cookie Cookies.get(key); //移除cookie Cookies.remove(key); 第一种方式：vue-cookies yarnaddvue-cookies importcookiesfrom'vue-cookies' //引入cookie //设置cookie cookies.set("account","xxx...

FontAwesome 是一个十分优秀的第三方图标库，我之前也写过文章介绍如何在 html 页面中使用它（点击查看）。本文接着介绍，如何在 Vue 项目中使用 FontAwesome。 一、准备工作 1，安装基础依赖 进入 Vue 项目文件夹，执行如下命令安装基础依赖库。 npminstall--save@fortawesome/fontawesome-svg-core npminstall--save@fortawesome/vue-fontawesome 2，安装样式依赖 FontAwosome ...

前言: EasyExcel是一个基于Java的简单、省内存的读写Excel的开源项目。在尽可能节约内存的情况下支持读写百M的Excel。easyexcel重写了poi对07版Excel的解析，能够原本一个3M的excel用POIsax依然需要100M左右内存降低到几M，并且再大的excel不会出现内存溢出，03版依赖POI的sax模式。在上层做了模型转换的封装，让使用者更加简单方便。 官网：EasyExcel官方文档基于Java的Excel处理工具|EasyExcel(alibaba.com) 开发前准备： 1、导入依赖 <dependency> <groupId>c...

单个<router-view/>和多个<router-view/>的区别， 单个<router-view/>只是一个区域的变化，不需要设置name属性，在设置路由的时候单个<router-view/>使用的是component， 多个<router-view/>里面需要设置一个name属性，设置路由的时候单个<router-view/>使用的是components， ------------------------ <div> 　　<router-view/> 　　<router-viewc...

https://easyexcel.opensource.alibaba.com/ 依赖 <!-https://mvnrepository.com/artifact/com.alibaba/easyexcel--> <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel</artifactId> <version>3.3.2</version> </dependency> 读Excel / 最简单的读 &l...

简单使用案例一 一、安装NProgress包 方法一：npminstall--savenprogerss 方法二：yarnaddnprogress 方法三：在图形化界面中搜索nprogress安装运行依赖 方法四：直接引入js、css或者通过cdn引入。 <scriptsrc='nprogress.js'></script> <linkrel='stylesheet'href='nprogress.css'/> 二、导入NProgress包对应的JS和CSS importNProgressfrom'nprogress' import'nprogress...

在src/theme文件夹中建立loading.scss文件，内容如下： .loading-next{ width:100%; height:100%; } .loading-next.loading-next-box{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .loading-next.loading-next-box-warp{ width:80px; height:80px; } .loading-next.loading-next-box-warp.loading...

本前端仔在写页面的时候，发现表单里面有一个省市区的options组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。 虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合elementUI等各种UI库的，但是我的项目并没有使用这些UI库，何况我只是想要拿到一个地址字符串而已，何必绑定UI库呢？ 1、地址三级联动制作思路 思路其实很简单： 1、一个地图json数据 2、能够拿到省份、市、区的options数组来绑定就可以了 3、选择一个省份市，对应的市要变化；选择市时，对应的区要变化 这样的话，我们完全可以依赖vue强大的数据处理机制来解决 2、地图json https:...

有些时候我们不想让别人按F12调试网站,就可以利用下面两段代码来分别实现按下F12自动关闭当前页面或者跳转到其他指定页面 JS实现按下F12关闭当前页面代码 <scripttype="text/javascript"> //判断F12审查元素 functionfuckyou(){ window.close();//关闭当前窗口(防抽) window.location="about:blank";//将当前窗口跳转置空白页 } functionck(){ console.profile(); console.profileEnd(); //判断profiles里有无内容,若有,...

GoogleChrome快捷键大全 GoogleChrome是一款流行的网络浏览器，提供了许多快捷键来方便用户操作。本攻略将介绍GoogleChrome的常用快捷键，包括页面导航、标页管理、书签管理、搜索等。同时，本攻略还提供了两个示例说明，帮助您更好地理解和应用这些快捷键。 页面导航 后退：Alt+← 或 Backspace 前进：Alt+→ 刷新：F5 Ctrl+R 强制刷新：Ctrl+Shift+R 打开新标签页：Ctrl+T 打开新窗口：Ctrl+N 打开最近关闭的标签页：Ctrl+Shift+T 打开历史记录：Ctrl+H 打开下载页面：Ctrl+J ...