Hi-郑郑-优快云博客

原创 vue3-解决uview-plus在分辨率大设备的适配问题

本文介绍解决uView-Plus在大分辨率设备上适配问题的三步方案：1. 在main.js中设置全局单位为rpx；2. 配置pages.json的rpxCalcMaxDeviceWidth与baseWidth；3. 使用自定义脚本批量将px转换为rpx，覆盖样式、JS默认值及特定组件内联字符串，确保375基准下视觉一致。升级后需手动修复少数未覆盖项，如u-button、u-search等组件的line-height。

2026-09-30 09:35:43 68

原创 Linux - 相关：安装 Redis、nginx、jdk。

Linux服务器环境配置指南摘要本文详细介绍了在Linux系统上安装配置Nginx、Redis和JDK的完整流程。Nginx部分包含编译安装步骤、常用命令（启动/关闭/重启）以及配置示例；Redis部分提供源码编译安装方法；JDK安装涵盖环境变量配置和版本切换。同时包含防火墙管理操作（状态查看/端口开放）和Java项目部署流程（进程管理/日志查看）。所有操作均以命令行方式呈现，适合快速部署服务器环境参考使用，关键步骤配有代码示例和注意事项说明。

2026-04-20 16:06:31 219

原创 Vue - 使用 Echarts 实现显示拓扑图效果

本文介绍如何使用ECharts实现拓扑图可视化。通过npm安装ECharts后，在Vue组件中定义拓扑图容器和数据模型。核心步骤包括：1) 准备节点和连线数据；2) 配置ECharts选项，设置图形类型、布局方式和样式；3) 处理节点间的连接关系。代码提供了静态数据示例，支持自定义节点位置、连接关系和图标样式，并实现了响应式布局调整。关键配置项包括节点大小、标签显示、连线样式等，可通过注释的力导向布局参数切换布局算法。

2026-03-25 17:09:09 545

原创 Vue - 自定义指令 - el-table开启自动滚动

本文介绍了如何实现el-table表格自动滚动功能。通过自定义指令v-hi-el-table-auto-scroll实现表格内容自动循环滚动，支持配置滚动速度、循环间隔时间等参数。主要实现步骤包括：1) 编写指令文件处理滚动逻辑；2) 全局注册指令；3) 在表格组件中使用指令。该功能支持鼠标悬停暂停滚动，离开后继续滚动，并可通过参数控制滚动速度(time)、步长(speed)、是否循环(loop)等特性。

2026-03-25 16:46:36 68

原创 Vue - 自定义指令 - input 只能输入数字类型可设置小数点及小数点后几位

本文介绍了一个Vue全局自定义指令hi-input-number-limit的实现，用于严格限制输入框只能输入数字并控制小数位数。该指令通过正则表达式过滤非数字字符，支持0-3位小数设置，并解决了ElementUI组件的数据同步问题。核心功能包括：1)自动过滤非数字字符；2)处理前导零和边界值；3)防止事件递归触发；4)兼容原生input和ElementUI组件。使用时只需在el-input上添加指令即可，参数0表示整数，1-3表示对应小数位数。

2026-02-28 11:38:54 58

原创 css修改原生样式的滚动条

这些伪元素还可以和伪类选择器组合使用，以实现更高级的效果。

2025-12-04 20:01:30 155

原创 Web打开本地三方应用程序

github下载地址：https://github.com/ismailhabib/custom-protocol-detection/blob/master/protocolcheck.js。接着在public 文件夹下的index.html中引入上面的js 因为 protocolcheck.js不能通过es6的import方式引入所以只能挂载在全局的window上。方式1: 通过使用JS打开本地exe文件。openUrl：是要打开的软件的路径比如打开 weixin:// qq://

2025-06-19 16:31:28 1403