- 博客(33)
- 收藏
- 关注
RSS订阅原创 数据较多且不能借助分页来展示表格解决实现 vxe-table
在vue项目中，我们可能会遇到数据较多且不能借助分页来展示的表格列表，那么vxe-table就是一个很好的选择，它是一个非常强大的表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等。下面来看一下怎么实现的。当数据过多的时候，有操作弹窗打开关闭后，会出现列表重新刷新并回到表格最开始位置。需要实现弹窗关闭后表格回到弹窗打开时候的位置。遇到的问题及解决办法。
2025-03-17 17:45:02
197
原创 Oracle静默安装方法
Web服务器上面的Linux一般是不会有图形界面的，所有通过图形界面来安装Linux的方式在没有图形界面的Linux上面是行不通的，我们要使用的安装方式叫做Linux的。即在没有图形界面的Linux上面安装。
2025-03-17 17:40:45
958
原创 前端开发中处理浮点数精度丢失问题的多种方法
toFixed()是 JavaScript 内置的 Number 对象方法，它会根据指定的小数位数返回一个字符串。这个方法在输出时对结果进行了四舍五入，因此它并不总是能保证数学上的精确性，但它对于展示目的来说通常是足够的。当你的应用需要处理非常高的精度或者复杂的小数运算时，考虑使用专门设计来处理高精度数学运算的库。decimal.js 和 big.js 是两个流行的选项。它们允许你创建对象来表示数字，并提供多种运算方法以确保精度。
2025-02-12 10:54:31
224
原创 Vue3 深入使用 CesiumJS 指南
CesiumJS 是一个基于 WebGL 的开源 JavaScript 库，专注于在浏览器中构建高性能的 3D 地球和地图应用，支持地形、影像、3D 模型及动态数据的可视化。本文将从基础功能到高级优化，详细讲解如何在 Vue3 项目中集成 CesiumJS，并结合实际代码示例和优化策略。
2025-02-08 15:42:17
1018
原创 在vue3 中，使用element-plus中的el-scrollbar，让内容元素自动滚动
【代码】在vue3 中，使用element-plus中的el-scrollbar，让内容元素自动滚动。
2025-01-21 16:54:33
423
原创 Linux搭建FTP详细流程
一、介绍文件传输协议（File Transfer Protocol，FTP），是一种在互联网中进行文件传输的协议，基于客户端/服务器模式，默认使用 20、21 号端口，其中 20 端口是数据端口用于进行数据传输，21 端口为命令端口，用于接收客户端发出的相关 FTP 命令和参数。FTP 是 C/S 架构，也就是基于客户端/服务器的模式，FTP 服务器是按照 FTP 协议在互联网上提供文件存储和访问服务的主机，FTP 客户端则是向服务器发送连接请求，以建立数据传输链路的主机。二、工作模式。
2025-01-21 16:52:33
742
原创 将图片Base64字符串转换为File对象，进行压缩上传
引入image-conversion，进行压缩。根据指定大小200kb进行压缩。安装质量倍数进行压缩。
2024-11-11 16:59:26
471
原创 el-table 纵向垂直表头处理
项目中表格展示会遇到需要纵向垂直表头情况，下面，我们基于el-table组件来实现这种表格。以下是这次需要用到的数据表格，已知左侧违章名称是固定的，而月份是不固定的，在后端返回数据格式已确定的情况下，需要将左侧作为表头展示。
2024-11-11 16:57:44
1130
1
原创 业务系统中通过excle文件+图片形式批量导入数据方法
由于图片与表单中的数据需要根据实际业务找到唯一关键字 对应 图片地址 再根据唯一关键字 存入数据库对应字段；（ 例如 人员身份证号作为唯一值，那么照片就应该命名为人员的身份证号 ）项目中涉及到，需要导入数据表单和图片的组合需求时；采用表格嵌入图片的方式，需要考验业务人员的插入方式方法，服务器接收的准确度就会受到影响。文件导入会根据文件大小影响到程序运行 ，需要根据服务器情况 jar包运行情况来给业务人员提供 所选批量文件的总大小。后端代码 ： 获取到批量文件 开始分类。读取到图片上传 存储。
2024-11-11 16:54:51
305
原创 JavaScript错误处理：分析 Uncaught(in promise) error
当我们使用Promise进行异步编程时，Uncaught(in promise) error 是一个常见的错误类型。在上述示例中，将Promise的代码放在一个async函数中，并使用await关键字等待Promise对象。如果Promise的状态变成rejected，那么catch方法会被调用，我们就可以在里面处理这个错误。如果代码上不方便使用catch方法或者不能使用catch方法处理Promise的错误，我们可以使用async/await语法糖来捕获Promise的错误。3.3 全局异常处理。
2024-10-22 13:52:58
4990
1
原创 vue表单数字输入特殊要求处理
表单输入中经常会要求数字输入的特殊要求，比如说只能输入正整数，只能输入包含小数点几位的小数，这个时候就需要通过前端限制用户的输入了。
2024-10-22 13:43:55
336
原创 vue基于Leaflet地图实现行走轨迹动态预览详细过程
在名为 map 的 Leaflet.Map 上创建一个沿 line 移动的 AnimatedMarker。
2024-10-10 09:45:13
423
原创 uniapp之页面调用上一页方法进行数据刷新
如上操作，我们就能做到修改了数据并且同时刷新详情页并返回详情。B页面--比如添加or修改页面。例子：A页面--比如详情页面。
2024-10-10 09:40:32
460
1
原创 SpringBoot 整合开源 Tess4J库 实现OCR图片文字识别
OCR（Optical Character Recognition，光学字符识别）技术是指通过扫描或摄像等光学输入方式，将纸上打印的字符转化为图像信息，然后利用字符识别方法将图像中的文字转换成计算机可以直接处理的文本格式的过程。具体来说，OCR技术首先采用光学方式将纸质文档中的文字转换成为黑白点阵的图像文件，再通过识别软件分析图像中的文字形态特征，将其翻译成计算机可读的文字。编写配置类 TesseractOcrConfig/***/@Bean//下载的训练数据的位置//识别语言。
2024-10-10 09:38:54
282
原创 CSS动画完全指南
**3D动画**：利用`transform`属性的`perspective`和`rotateX`、`rotateY`、`rotateZ`等函数，创建3D旋转和透视效果。- **复杂动画序列**：结合多个`@keyframes`和动画属性，创建如弹跳效果、折叠展开等复杂动画。- **旋转动画**：通过`rotate`函数实现元素的旋转效果，如加载指示器的旋转动画。- `animation-fill-mode`：定义动画开始前和结束后应用的样式，这确保了动画在播放前后元素的样式表现。
2024-09-14 13:37:58
646
原创 前端可视化大屏适配各方案分析处理
根据项目的具体需求和复杂度选择合适的方案。对于较为简单的展示需求，Scale和FitScreen方案足够应对；而对于交互复杂的大屏项目，可以考虑使用rem或vw/vh等方案进行细致调整。同时，结合实际项目场景，灵活运用这些工具和库，确保在各种屏幕尺寸下的大屏适配效果。
2024-09-09 09:40:54
575
原创 在频繁请求同一个接口的时候，axios如何终止上一个请求
在频繁请求同一个接口的时候，需要在执行当前请求时终止上一个请求，避免上一个请求因为网络或者其他原因导致在当前请求执行完之后才请求完成，就会导致页面会展示出上一次请求的内容。// 触发AbortSignal。// 清除控制器引用。// 创建一个AbortController实例。// 获取AbortSignal。
2024-09-09 09:36:19
633
原创 JAVA中poi的深入使用（插入图片和插入公式）
使用 Apache POI 创建一个新的 Excel 工作簿（Workbook），或者从现有的 Excel 文件中读取。：将要插入的图片加载为字节数组。：使用Workbook的addPicture方法将图片添加到 Excel 中。：使用Drawing和ClientAnchor类来指定图片的插入位置。
2024-09-09 09:34:57
1715
原创 JavaScript中10个常用的await和async函数示例，以及对它们的代码用途的解析
当谈到异步编程时，async/await是JavaScript中常用的功能之一。
2024-08-12 09:17:00
487
原创 在vue中使用WKT坐标转换为GeoJSON坐标的详细方法
MultiLineString (多线串)MultiPolygon (多边形集合)MultiPoint (多点)Polygon (多边形)2.Vue代码中使用。
2024-08-12 09:13:07
477
原创 html2canvas实现将html转换为图片app保存并微信分享
第一个环节-html2canvas，配置 ignoreElements 函数或者在DOM上增加data-html2canvas-ignore属性，去除冗余的DOM，其次精简需要渲染的DOM范围，因为在app环境下，所以选择了html2canvas来分享海报。生成的图片地址为本地地址，所以在上线以后保存下载会报错，下载不下来，解决方案是把图片提前上传到服务器，在线图片下载则不会出现此问题。html2canvas是一个比较成熟的开源库，它能将dom转化为canvas，省去了使用原生canvas一点一点去绘制。
2024-08-05 16:50:24
357
原创 js 数组，对象数组去重的多种方法
对于简单数组去重，Set 是最简单且性能最好的方法。对于对象数组去重，通常需要根据对象的某个或某些属性来判断是否重复，可以使用 filter + findIndex、Map、或 reduce 等方法来实现。在选择去重方法时，应考虑代码的清晰性、可维护性和性能。对于大型数组，应优先考虑性能较好的方法。
2024-08-05 16:40:34
225
原创 Springboot中使用@Async注解失效场景及说明
场景二：配置类未启用异步支持如果配置类中没有启用异步支持，即没有使用 @EnableAsync 注解，那么 @Async 注解同样不会生效。例如：场景三：方法不是 public 的@Async 注解的方法必须是 public 的，否则不会被 Spring AOP 代理捕获，导致异步执行不生效。例如：场景四：线程池未正确配置在使用 @Async 注解时，如果没有正确配置线程池，可能会遇到异步任务没有按预期执行的情况。例如，线程池被配置为只有一个线程，且该线程一直被占用，那
2024-07-23 10:34:38
444
原创 vue页面自适应屏幕尺寸的实战
使用vue开发的页面都是通过px设置它的尺寸，如果换了一个不同尺寸的屏幕就会出现页面排版错乱，显示不完整等情况。下面通过插件将px装换为rem单位适应不同尺寸的屏幕。
2024-07-10 09:54:31
925
原创 MQTT的安装以及后端接收和发送
mosquitto_pub -u ycgl -P ycglmosquitto123 -t test1 -m "发布内容"配置文件中默认使用user mosquitto。如果不想创建此用户，可以修改成root。mosquitto_pub -t test1 -m "发布内容"
2024-07-10 09:44:30
1804
原创 两步搞定vue视频流flv播放（含代码方法）
npm install flv.js# 或者yarn add flv.js import { onMounted, ref } from 'vue';import FlvJs from 'flv.js';
2024-07-05 14:09:42
276
原创 Docker在项目中进行打包构建镜像并发布到容器服务器的实战
-t 参数用于指定新镜像的名字和标签，例如 your-image-name 可以替换为实际的镜像名，如 mycompany/myapp:latest。标准化交付：Spring Boot应用通过Docker容器化后，形成统一的部署单元，不受宿主机环境差异的影响，提升了应用发布的可靠性和可重复性。Docker 是一个开源的应用容器引擎，基于Go语言开发，它实现了操作系统级别的虚拟化，允许开发者打包应用及其依赖包到一个可移植的容器中。运维人员则可以通过简单的命令行操作部署或更新应用。
2024-07-05 14:02:21
791
原创 kafka+debezium 监听mysql日志
拉去kafka，连接zookeeper。要启动kafka，需要有一个注册中心。2、启动zookeeper。4、Debezium 配置。简介：使用kafka+1、安装docker。
2024-06-27 15:12:18
342
1
原创 Alibaba Cloud Toolkit 简化云上部署利器的实战
Alibaba Cloud Toolkit 是一款专为阿里云平台设计的 IntelliJ IDEA 和 Eclipse 插件，具备诸多强大功能，显著简化了在阿里云上的应用部署过程。通过使用 Alibaba Cloud Toolkit，开发人员可以确保每次部署过程都是一致的，减少了人为错误的可能性。选择要部署的应用程序，然后使用 Alibaba Cloud Toolkit 提供的一键部署功能来部署应用程序到阿里云上。通过自动化部署，可以确保每次部署过程都是一致的，减少了人为错误的可能性。
2024-06-27 14:31:30
650
原创 oracle归档日志已满处理方法
archive log 日志已满ORA-00257: archiver error. Connect internal only, until freed 错误的处理方法。
2024-06-27 13:47:05
693
原创 前后端异网联调解决方案
在项目开发过程中，免不了前后端联调，在公司同一局域网得情况下，可以直接访问到前后台得主机进行联调，但是如果前后端分别在不同得网络环境下，就无法进行直接联调。
2023-11-30 10:39:42
1526
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人