<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Komorebi_00的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/Komorebi_00</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; Komorebi_00]]></copyright><item><title><![CDATA[前端开发必备软件安装]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/158689095</link><guid>https://blog.csdn.net/Komorebi_00/article/details/158689095</guid><author>Komorebi_00</author><pubDate>Thu, 05 Mar 2026 10:00:52 +0800</pubDate><description><![CDATA[本文汇总了几款开发者常用工具的官方下载链接，为开发者提供了一站式工具获取指南。]]></description><category></category></item><item><title><![CDATA[【Vue + Element Plus】el-tree树结构样式改造，添加转折线]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/158388032</link><guid>https://blog.csdn.net/Komorebi_00/article/details/158388032</guid><author>Komorebi_00</author><pubDate>Wed, 25 Feb 2026 16:34:53 +0800</pubDate><description><![CDATA[摘要 本文展示了一个基于Element UI的树形组件实现方案，主要特点包括： 采用懒加载方式实现树形数据展示 自定义节点样式，包含转折线、高亮效果和悬停状态 为不同层级节点添加不同的操作图标（添加、编辑、删除） 通过CSS重写实现了美观的树形结构连线效果 优化了选中节点的高亮显示样式 代码提供了完整的HTML模板和CSS样式，可直接用于项目开发，实现了功能完善且视觉效果良好的树形组件。]]></description><category></category></item><item><title><![CDATA[【Vue3 + Element Plus】CustomSlider滑动验证组件]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/157022689</link><guid>https://blog.csdn.net/Komorebi_00/article/details/157022689</guid><author>Komorebi_00</author><pubDate>Fri, 16 Jan 2026 11:30:02 +0800</pubDate><description><![CDATA[滑块验证组件实现摘要 该组件实现了一个拼图滑块验证功能，包含以下核心特性： UI结构： 背景图片展示区域 可拖动的拼图块 底部滑块控制条 刷新按钮和验证结果提示 交互功能： 支持鼠标/触摸拖动滑块 拖动时实时更新拼图块位置 提供刷新验证码功能 显示验证结果反馈 技术实现： 使用Vue3 Composition API 响应式控制滑块位置(translateX) 动态计算滑块轨道宽度(styleWidth) 事件监听处理拖拽逻辑 通过props接收验证图片和配置参数 状态管理： 跟踪拖动状态(isDraggi]]></description><category></category></item><item><title><![CDATA[【CSS】线性流动边框样式]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/156723145</link><guid>https://blog.csdn.net/Komorebi_00/article/details/156723145</guid><author>Komorebi_00</author><pubDate>Thu, 08 Jan 2026 14:17:34 +0800</pubDate><description><![CDATA[核心技术：背景渐变+位移实现水平流动色带。]]></description><category></category></item><item><title><![CDATA[【CSS】斜角流光样式]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/156722498</link><guid>https://blog.csdn.net/Komorebi_00/article/details/156722498</guid><author>Komorebi_00</author><pubDate>Thu, 08 Jan 2026 13:55:33 +0800</pubDate><description><![CDATA[【代码】【CSS】斜角流光样式。]]></description><category></category></item><item><title><![CDATA[【CSS】圆锥渐变流光效果边框样式实现]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/156721141</link><guid>https://blog.csdn.net/Komorebi_00/article/details/156721141</guid><author>Komorebi_00</author><pubDate>Thu, 08 Jan 2026 13:19:01 +0800</pubDate><description><![CDATA[【代码】【CSS】流光边框样式实现。]]></description><category></category></item><item><title><![CDATA[【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/156391440</link><guid>https://blog.csdn.net/Komorebi_00/article/details/156391440</guid><author>Komorebi_00</author><pubDate>Mon, 29 Dec 2025 16:06:57 +0800</pubDate><description><![CDATA[新建了一个Vue3+TypeScript项目，引入了Element Plus组件，使用的是自动导入的方式，项目运行后发现el-dialog弹窗组件点击遮罩层无法关闭，排查了很久也没发现有什么问题。打开无痕模式访问页面，却发现弹窗可以关闭；另外我再新建一个终端去运行项目也是可以关闭的（就是比如我一开始运行是5173端口，再新建终端运行就是5174端口，5173那个无法关闭，5174这个可以关闭）]]></description><category></category></item><item><title><![CDATA[【Vue3 + Element Plus】Form表单按下Enter键导致页面刷新问题]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/156385496</link><guid>https://blog.csdn.net/Komorebi_00/article/details/156385496</guid><author>Komorebi_00</author><pubDate>Mon, 29 Dec 2025 11:10:11 +0800</pubDate><description><![CDATA[Form表单按下Enter键导致页面刷新，是浏览器的默认行为所导致的，要避免这种情况，可以通过阻止默认的提交行为来禁止页面刷新。]]></description><category></category></item><item><title><![CDATA[【Vue3+Element Plus+Vite】按需导入Element Plus组件并配置全局样式文件]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/155846608</link><guid>https://blog.csdn.net/Komorebi_00/article/details/155846608</guid><author>Komorebi_00</author><pubDate>Fri, 12 Dec 2025 10:59:02 +0800</pubDate><description><![CDATA[本文介绍了Vue项目中Element Plus的配置方案，包括：1) 按需自动导入组件；2) 全局SCSS变量管理；3) 响应式布局实现。通过unplugin-vue-components插件实现按需导入，创建variable.scss定义CSS变量和媒体查询断点，并配置主题色覆盖Element默认样式。最后在global.scss中引入主题配置并实现PC/移动端响应式控制，通过类名切换不同设备显示效果。整个方案实现了组件按需加载、主题定制和响应式适配的完整前端架构。]]></description><category></category></item><item><title><![CDATA[【Vue3】VerticalProgressBar内存占比进度组件]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/155845434</link><guid>https://blog.csdn.net/Komorebi_00/article/details/155845434</guid><author>Komorebi_00</author><pubDate>Fri, 12 Dec 2025 10:30:20 +0800</pubDate><description><![CDATA[本文展示了一个垂直进度条组件，采用分层设计实现从下往上的动态填充效果。组件核心特性包括：1) 可自定义标题和百分比值；2) 通过层数控制精度；3) 支持部分高度填充过渡效果。实现方式采用Vue3组合式API，通过计算属性动态生成背景层和填充块，CSS使用flex布局实现垂直排列。组件参数包括title(标题)、percentage(0-100百分比)和layerCount(分层数)，填充颜色通过CSS变量控制，适用于系统监控等场景的数据可视化展示。]]></description><category></category></item><item><title><![CDATA[【Vue3+Element Plus】表单数组中字段自定义校验规则]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/155261526</link><guid>https://blog.csdn.net/Komorebi_00/article/details/155261526</guid><author>Komorebi_00</author><pubDate>Wed, 26 Nov 2025 11:06:06 +0800</pubDate><description><![CDATA[在rules配置中，为字段activeValue添加validator函数，实现根据当前值类型(valueType)验证输入是否为有效的十进制或十六进制值。]]></description><category></category></item><item><title><![CDATA[【Vue3 + ElementPlus】自定义Tooltip文字提示组件]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/154021793</link><guid>https://blog.csdn.net/Komorebi_00/article/details/154021793</guid><author>Komorebi_00</author><pubDate>Tue, 28 Oct 2025 16:14:05 +0800</pubDate><description><![CDATA[文本溢出才显示Tooltip，未溢出不展示。]]></description><category></category></item><item><title><![CDATA[【Vue3】使用websocket实现前后端实时更新数据]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/153410051</link><guid>https://blog.csdn.net/Komorebi_00/article/details/153410051</guid><author>Komorebi_00</author><pubDate>Thu, 16 Oct 2025 16:21:35 +0800</pubDate><description><![CDATA[WebSocket是一种在单个TCP连接上进行全双工通讯的协议。它允许服务器主动发送消息到客户端。]]></description><category></category></item><item><title><![CDATA[【React】配置别名路径]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/153261426</link><guid>https://blog.csdn.net/Komorebi_00/article/details/153261426</guid><author>Komorebi_00</author><pubDate>Tue, 14 Oct 2025 14:46:08 +0800</pubDate><description><![CDATA[安装craco工具包新建配置文件修改。]]></description><category></category></item><item><title><![CDATA[【React】组件通信]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/152216269</link><guid>https://blog.csdn.net/Komorebi_00/article/details/152216269</guid><author>Komorebi_00</author><pubDate>Sun, 28 Sep 2025 14:12:16 +0800</pubDate><description><![CDATA[子组件只能读取props中的数据，不能直接进行修改, 父组件的数据只能由父组件修改场景：当我们把内容嵌套在组件的标签内部时，组件会自动在名为children的prop属性中接收该内容。]]></description><category></category></item><item><title><![CDATA[【uniapp】获取上传视频的md5，适用于APP和H5]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/145324072</link><guid>https://blog.csdn.net/Komorebi_00/article/details/145324072</guid><author>Komorebi_00</author><pubDate>Thu, 23 Jan 2025 15:25:26 +0800</pubDate><description><![CDATA[【代码】【uniapp】获取上传视频的md5，适用于APP和H5。]]></description><category></category></item><item><title><![CDATA[【CSS】实现伪元素层级在父元素之下]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/141562458</link><guid>https://blog.csdn.net/Komorebi_00/article/details/141562458</guid><author>Komorebi_00</author><pubDate>Mon, 26 Aug 2024 14:07:21 +0800</pubDate><description><![CDATA[伪元素默认层级是在父元素之上的，同时 ::after在::before之上，若要实现伪元素层级在父元素之下，则可通过以下方式实现。]]></description><category></category></item><item><title><![CDATA[【uniapp】聊天记录列表长按消息计算弹出菜单方向]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/140920140</link><guid>https://blog.csdn.net/Komorebi_00/article/details/140920140</guid><author>Komorebi_00</author><pubDate>Mon, 05 Aug 2024 11:02:25 +0800</pubDate><description><![CDATA[【代码】【uniapp】聊天记录列表长按消息计算弹出菜单方向。]]></description><category></category></item><item><title><![CDATA[【CSS】u-textarea组件超出两行后换行需要点两下问题]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/140795518</link><guid>https://blog.csdn.net/Komorebi_00/article/details/140795518</guid><author>Komorebi_00</author><pubDate>Tue, 30 Jul 2024 14:34:53 +0800</pubDate><description><![CDATA[u-textarea样式问题]]></description><category></category></item><item><title><![CDATA[【uniapp】带圆角渐变边框实现]]></title><link>https://blog.csdn.net/Komorebi_00/article/details/139519739</link><guid>https://blog.csdn.net/Komorebi_00/article/details/139519739</guid><author>Komorebi_00</author><pubDate>Fri, 07 Jun 2024 10:14:31 +0800</pubDate><description><![CDATA[【代码】【uniapp】【css】带圆角渐变边框实现。]]></description><category></category></item></channel></rss>