<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Hi_ZH的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Hi_ZH</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Hi_ZH]]></copyright><item><title><![CDATA[vue3-解决uview-plus在分辨率大设备的适配问题]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/166885688</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/166885688</guid><author>Hi_ZH</author><pubDate>Wed, 30 Sep 2026 09:35:43 +0800</pubDate><description><![CDATA[本文介绍解决uView-Plus在大分辨率设备上适配问题的三步方案：1. 在main.js中设置全局单位为rpx；2. 配置pages.json的rpxCalcMaxDeviceWidth与baseWidth；3. 使用自定义脚本批量将px转换为rpx，覆盖样式、JS默认值及特定组件内联字符串，确保375基准下视觉一致。升级后需手动修复少数未覆盖项，如u-button、u-search等组件的line-height。]]></description><category></category></item><item><title><![CDATA[Linux - 相关：安装 Redis、nginx、jdk。]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/160337605</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/160337605</guid><author>Hi_ZH</author><pubDate>Mon, 20 Apr 2026 16:06:31 +0800</pubDate><description><![CDATA[Linux服务器环境配置指南摘要 本文详细介绍了在Linux系统上安装配置Nginx、Redis和JDK的完整流程。Nginx部分包含编译安装步骤、常用命令（启动/关闭/重启）以及配置示例；Redis部分提供源码编译安装方法；JDK安装涵盖环境变量配置和版本切换。同时包含防火墙管理操作（状态查看/端口开放）和Java项目部署流程（进程管理/日志查看）。所有操作均以命令行方式呈现，适合快速部署服务器环境参考使用，关键步骤配有代码示例和注意事项说明。]]></description><category></category></item><item><title><![CDATA[Vue - 使用 Echarts 实现显示拓扑图效果]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/159471147</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/159471147</guid><author>Hi_ZH</author><pubDate>Wed, 25 Mar 2026 17:09:09 +0800</pubDate><description><![CDATA[本文介绍如何使用ECharts实现拓扑图可视化。通过npm安装ECharts后，在Vue组件中定义拓扑图容器和数据模型。核心步骤包括：1) 准备节点和连线数据；2) 配置ECharts选项，设置图形类型、布局方式和样式；3) 处理节点间的连接关系。代码提供了静态数据示例，支持自定义节点位置、连接关系和图标样式，并实现了响应式布局调整。关键配置项包括节点大小、标签显示、连线样式等，可通过注释的力导向布局参数切换布局算法。]]></description><category></category></item><item><title><![CDATA[Vue - 自定义指令 - el-table开启自动滚动]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/159470820</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/159470820</guid><author>Hi_ZH</author><pubDate>Wed, 25 Mar 2026 16:46:36 +0800</pubDate><description><![CDATA[本文介绍了如何实现el-table表格自动滚动功能。通过自定义指令v-hi-el-table-auto-scroll实现表格内容自动循环滚动，支持配置滚动速度、循环间隔时间等参数。主要实现步骤包括：1) 编写指令文件处理滚动逻辑；2) 全局注册指令；3) 在表格组件中使用指令。该功能支持鼠标悬停暂停滚动，离开后继续滚动，并可通过参数控制滚动速度(time)、步长(speed)、是否循环(loop)等特性。]]></description><category></category></item><item><title><![CDATA[Vue - 自定义指令 - input 只能输入数字类型可设置小数点及小数点后几位]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/158499933</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/158499933</guid><author>Hi_ZH</author><pubDate>Sat, 28 Feb 2026 11:38:54 +0800</pubDate><description><![CDATA[本文介绍了一个Vue全局自定义指令hi-input-number-limit的实现，用于严格限制输入框只能输入数字并控制小数位数。该指令通过正则表达式过滤非数字字符，支持0-3位小数设置，并解决了ElementUI组件的数据同步问题。核心功能包括：1)自动过滤非数字字符；2)处理前导零和边界值；3)防止事件递归触发；4)兼容原生input和ElementUI组件。使用时只需在el-input上添加指令即可，参数0表示整数，1-3表示对应小数位数。]]></description><category></category></item><item><title><![CDATA[css修改原生样式的滚动条]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/155578205</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/155578205</guid><author>Hi_ZH</author><pubDate>Thu, 04 Dec 2025 20:01:30 +0800</pubDate><description><![CDATA[这些伪元素还可以和伪类选择器组合使用，以实现更高级的效果。]]></description><category></category></item><item><title><![CDATA[Web打开本地三方应用程序]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/148769129</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/148769129</guid><author>Hi_ZH</author><pubDate>Thu, 19 Jun 2025 16:31:28 +0800</pubDate><description><![CDATA[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://]]></description><category></category></item><item><title><![CDATA[vue2中el-tree组件实现右键菜单功能]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/144958500</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/144958500</guid><author>Hi_ZH</author><pubDate>Mon, 06 Jan 2025 10:56:29 +0800</pubDate><description><![CDATA[vue2中el-tree组件实现右键菜单功能]]></description><category></category></item><item><title><![CDATA[ElementUI - elTable 将指定列相同的数据进行跨行合并]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/144444196</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/144444196</guid><author>Hi_ZH</author><pubDate>Fri, 13 Dec 2024 10:38:50 +0800</pubDate><description><![CDATA[ElementUI - elTable 将指定列相同的数据进行跨行合并]]></description><category></category></item><item><title><![CDATA[ElementUI - elTable 表单校验]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/144444036</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/144444036</guid><author>Hi_ZH</author><pubDate>Fri, 13 Dec 2024 10:35:37 +0800</pubDate><description><![CDATA[ElementUI - elTable 表单校验]]></description><category></category></item><item><title><![CDATA[前端自我总结 - yarn、Vite、Vue3、TypeScript、Pinia]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/144443536</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/144443536</guid><author>Hi_ZH</author><pubDate>Fri, 13 Dec 2024 10:18:49 +0800</pubDate><description><![CDATA[前端自我总结 - yarn、Vite、Vue3、TypeScript、Pinia]]></description><category></category></item><item><title><![CDATA[ElementUI - elTable 实现树形结构拖拽功能]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/144443433</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/144443433</guid><author>Hi_ZH</author><pubDate>Fri, 13 Dec 2024 10:15:47 +0800</pubDate><description><![CDATA[注意 如果table数据是后端返回则mounted里面这三个方法应在数据获取完之后调用。问题描述：当一个表格，有很多层嵌套数据时，想实现拖拽改变顺序。第一步：安装sortablejs。使用方法：sortablejs。第二步：在需要的地方引入。第四步：data定义数据。第三步：准备需要的表格。]]></description><category></category></item><item><title><![CDATA[前端自我总结 - HTML、CSS、移动Web、JavaScript、Ajax、Git、Node、Vue、VueRouter、Vuex、webpack]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/144430049</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/144430049</guid><author>Hi_ZH</author><pubDate>Thu, 12 Dec 2024 16:40:10 +0800</pubDate><description><![CDATA[前端学习时自我总结 - 勿喷！！！ - HTML、CSS、移动Web、JavaScript、Ajax、Git、Node、Vue、VueRouter、Vuex]]></description><category></category></item><item><title><![CDATA[ElementUI - elCalendar 显示自定义日程]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/143851439</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/143851439</guid><author>Hi_ZH</author><pubDate>Mon, 18 Nov 2024 11:49:55 +0800</pubDate><description><![CDATA[【代码】vue2 El-Calendar 显示自定义日程。]]></description><category></category></item><item><title><![CDATA[npm - 源切换 的几种方法]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/143511242</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/143511242</guid><author>Hi_ZH</author><pubDate>Tue, 05 Nov 2024 16:02:43 +0800</pubDate><description><![CDATA[【代码】切换npm源的几种方法。]]></description><category></category></item><item><title><![CDATA[windows - win11永久关闭更新、延迟十年更新、随时继续更新]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/143509701</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/143509701</guid><author>Hi_ZH</author><pubDate>Tue, 05 Nov 2024 15:28:49 +0800</pubDate><description><![CDATA[windows 永久关闭更新、延迟十年更新、随时继续更新]]></description><category></category></item><item><title><![CDATA[vue2 - 纯前端导出excel，使用xlsx插件，合并单元格、修改样式]]></title><link>https://blog.youkuaiyun.com/Hi_ZH/article/details/143211278</link><guid>https://blog.youkuaiyun.com/Hi_ZH/article/details/143211278</guid><author>Hi_ZH</author><pubDate>Thu, 24 Oct 2024 16:34:23 +0800</pubDate><description><![CDATA[vue2纯前端导出excel，使用xlsx插件，合并单元格、修改样式]]></description><category></category></item></channel></rss>