<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[misschengispink的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/misschengispink</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; misschengispink]]></copyright><item><title><![CDATA[免费开源！我用 Python 写了会互动拥有14种性格的桌宠！]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/163692513</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/163692513</guid><author>misschengispink</author><pubDate>Wed, 12 Aug 2026 11:16:25 +0800</pubDate><description><![CDATA[HoneyPet是一款开源的Windows桌宠应用，支持14种可切换人格，每种都有独特台词风格。用户可通过简单操作与桌宠互动，如摸头、拖动、打字陪伴等，还能上传自定义图片作为桌宠形象。项目使用Python+PySide6开发，内置亲密度系统，支持物理模拟和自动抠图功能。提供exe直接运行和源码两种使用方式，完全开源免费，适合开发者学习透明窗口、全局钩子等技术。]]></description><category></category></item><item><title><![CDATA[Vue2 + LogicFlow 实现可视化流程图编辑功能+常用属性大全]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/159506638</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/159506638</guid><author>misschengispink</author><pubDate>Thu, 02 Apr 2026 15:20:14 +0800</pubDate><description><![CDATA[在Vue2中使用LogicFlow搭建流程图编辑器。文章提供了完整代码示例及常用属性解析，方便初学者快速上手~]]></description><category></category></item><item><title><![CDATA[Vue + Element UI：el-switch点击按钮先弹窗提示再修改状态值]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/158696824</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/158696824</guid><author>misschengispink</author><pubDate>Thu, 05 Mar 2026 15:07:33 +0800</pubDate><description><![CDATA[本文介绍了Element UI中el-switch组件实现确认后再改变状态的方案。通过不使用v-model，改为:value绑定显示状态值，在@change事件中弹出确认框，用户确认后再手动更新switchValue。若取消则保持原状态，确保只有确认后才真正改变开关状态。这种方案简单有效地解决了默认立即改变值的问题。]]></description><category></category></item><item><title><![CDATA[vue2+vue-router3 解决vue 路由只能添加路由无法删除路由的问题，自定义resetRouter方法清空动态路由。可解决多次添加路由重复问题]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/153183538</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/153183538</guid><author>misschengispink</author><pubDate>Mon, 13 Oct 2025 10:54:13 +0800</pubDate><description><![CDATA[Vue2的vue-router3版本提供了addRoutes方法但缺少removeRoutes功能。文章介绍了一种重置路由的解决方案：通过创建新的路由实例并替换原有matcher来清空动态路由。具体实现是定义一个resetRouter函数，在添加新路由前调用它来重置路由实例。该方法适用于需要动态切换路由模块的场景，如工作台跳转不同模块时先清空旧路由再添加新路由。]]></description><category></category></item><item><title><![CDATA[Vue el-checkbox 虚拟滚动解决多选框全选卡顿问题 - 高性能处理大数据量选项列表]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/147425969</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/147425969</guid><author>misschengispink</author><pubDate>Tue, 22 Apr 2025 17:28:37 +0800</pubDate><description><![CDATA[在我们开发项目中，经常会遇到需要展示大量选项的多选框场景，比如权限配置、数据筛选等。当选项数量达到几百甚至上千条时，传统的渲染方式全选时会非常卡顿，导致性能问题。本篇文章，记录我使用通过虚拟滚动实现大数据量全选卡顿问题~封装成组件啦可以直接用！]]></description><category></category></item><item><title><![CDATA[Vue 实现智能检测文字是否溢出，溢出显示省略号，鼠标悬浮显示全部【附封装组件完整代码+详细注释+粘贴即食】]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/146144529</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/146144529</guid><author>misschengispink</author><pubDate>Mon, 10 Mar 2025 14:26:10 +0800</pubDate><description><![CDATA[项目性能优化之用户体验优化：结合ElementUi实现文字溢出才展示Tooltip]]></description><category></category></item><item><title><![CDATA[【全网首发】CSS+Canvas 3D粒子动画+爱心爆破！女神节必学特效（附完整源码）]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/146062398</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/146062398</guid><author>misschengispink</author><pubDate>Thu, 06 Mar 2025 14:50:39 +0800</pubDate><description><![CDATA[每年三八节都是红色渐变+花朵飘落？2025年了，是时候用Canvas整点硬核活了！保证学完后，你的作品能在朋友圈杀出重围！快附上献给你心爱的女神吧~ps：小白创建文件名为name.html再把代码赋值进去浏览器运行就可以运行啦~]]></description><category></category></item><item><title><![CDATA[Git 不同分支相同文件代码提交，利用补丁维护提交差异，共享代码]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/139474847</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/139474847</guid><author>misschengispink</author><pubDate>Wed, 05 Jun 2024 16:16:21 +0800</pubDate><description><![CDATA[前言 ：公司xx项目由于甲方不同，有部分页面需要定制化开发，于是需要同时维护两个分支。当相同模块需要改bug时，两个分支都需要同步修改，不能进行合并，否则定制化部分会被覆盖，于是可以进行补丁大法，共享我们提交的文件~]]></description><category></category></item><item><title><![CDATA[CSS+Canvas绘制最美星空(一闪一闪亮晶晶效果+流星划过)]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/139301411</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/139301411</guid><author>misschengispink</author><pubDate>Wed, 29 May 2024 17:25:33 +0800</pubDate><description><![CDATA[创建一个.html文件，复制代码进去就可以看到效果啦~满屏星星很好看，有普通粒子星星，也有一闪一闪的十字星星，不定时会有流星划过，很好看的夜空，如果想要星星变大，可自行调整粒子大小。]]></description><category></category></item><item><title><![CDATA[CSS Canvas鼠标点击特效之天女散花（文本粒子动画）]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/139287144</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/139287144</guid><author>misschengispink</author><pubDate>Wed, 29 May 2024 10:05:45 +0800</pubDate><description><![CDATA[文本粒子动画是一种引人注目的视觉效果，通过使用HTML5 Canvas和JavaScript实现，能够为网页增添活力和趣味。本文利用前端技术实现一个简单的文本粒子动画效果。我们定义了一个粒子类，每个粒子具有自己的位置、大小、速度、透明度和生命周期等属性。通过不断更新粒子的位置、大小和透明度，再结合随机颜色填充，从而实现了点击鼠标会有天女散花般的动态效果。爱心粒子特效。]]></description><category></category></item><item><title><![CDATA[CSS文本粒子动画特效之爱心粒子文字特效-Canvas]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/139268951</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/139268951</guid><author>misschengispink</author><pubDate>Tue, 28 May 2024 16:06:03 +0800</pubDate><description><![CDATA[html+css+js，采用canvas实现爱心文本粒子动画特效，炫酷特效，素材和完整代码都有~快拿去表白~]]></description><category></category></item><item><title><![CDATA[Vue+Element-UI el-table表格根据指定条件动态合并行span-method]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/137051527</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/137051527</guid><author>misschengispink</author><pubDate>Tue, 26 Mar 2024 17:11:52 +0800</pubDate><description><![CDATA[el-table标签上定义span-method方法methods里增加spanMethod方法return {rowspan: row.rowspan, // 需要合并的行数colspan: 1} else {// 不合并return {colspan: 0。]]></description><category></category></item><item><title><![CDATA[ES7、ES8、ES9、ES10、ES11、ES12 新特性汇总合集]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/136371916</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/136371916</guid><author>misschengispink</author><pubDate>Thu, 29 Feb 2024 15:28:26 +0800</pubDate><description><![CDATA[关于ES7~ES12的新特性合集~]]></description><category></category></item><item><title><![CDATA[js ES6判断字符串是否以某个字符串开头或者结尾startsWith、endsWith]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/136371252</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/136371252</guid><author>misschengispink</author><pubDate>Thu, 29 Feb 2024 14:53:19 +0800</pubDate><description><![CDATA[startsWith：startsWith方法用于检查字符串是否以指定的字符串开头。endsWith：endsWith方法用于检查字符串是否以指定的字符串结尾。总结：startsWith和endsWith方法是在JavaScript中用于检查字符串开头和结尾的便捷方法，能够提高字符串处理的效率和可靠性。注意事项：在使用startsWith和endsWith方法时要注意区分大小写，避免出现意外的匹配结果。另外，需要注意处理特殊字符和空字符串的情况。]]></description><category></category></item><item><title><![CDATA[nginx相关-nginx启动、nginx关闭、nginx地址重定向]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/135520591</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/135520591</guid><author>misschengispink</author><pubDate>Thu, 11 Jan 2024 10:30:28 +0800</pubDate><description><![CDATA[nginx启动、nginx关闭、nginx地址重定向]]></description><category></category></item><item><title><![CDATA[优化axios封装之配置使用AbortController取消重复请求 防止用户频繁操作调用接口]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/135248863</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/135248863</guid><author>misschengispink</author><pubDate>Wed, 27 Dec 2023 16:56:36 +0800</pubDate><description><![CDATA[当数据量过大请求缓慢时用户点击按钮或者tab标签页快速重复调用同一个请求时，会导致数据错乱，当只需要最新的请求数据，并且中断上一个重复请求时，可以利用axios的CancelToken去中断之前的请求。ps:由于不是所有请求都需要这个逻辑 所以我封装的时候增加了请求配置项removeCache，如果传了则取消重复请求，这样就不会影响其他的请求了。]]></description><category></category></item><item><title><![CDATA[ElementUI之el-progress动态修改进度条里面文本颜色与进度条色块统一]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/134293683</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/134293683</guid><author>misschengispink</author><pubDate>Wed, 08 Nov 2023 16:58:50 +0800</pubDate><description><![CDATA[通过行内style样式动态给整个progress赋颜色 再在样式里给进度条文字单独设置颜色为默认继承父级颜色就ok啦。]]></description><category></category></item><item><title><![CDATA[音乐免费下载mp3格式+音频格式转换+剪辑音频+合并音频教程]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/134261799</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/134261799</guid><author>misschengispink</author><pubDate>Tue, 07 Nov 2023 11:04:47 +0800</pubDate><description><![CDATA[如果你是vip可以直接下载vip的歌曲，如果不是选择不是vip的歌曲进行第一步的操作。打开网站后，把需要合并的所有音频文件拖进来，再选择转换格式，点击合并等它合并就可以了。进入网站后 拖入我们的mp3文件 再选择开始结束时间 点击保存 就可以下载到本地了。由于实际需求是只需要前30s的音频 我们借助音频处理网站对刚下载的mp3进行剪辑。由于下载出来的格式是.m4a 我们最终需要mp4格式 所以需要借助网站转换一下。选择文件后 选择要转换的格式 我这里选了mp3 然后点击转换。完成后点击下载 转换就可以了。]]></description><category></category></item><item><title><![CDATA[css矩形盒子实现虚线流动边框+css实现step连接箭头]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/134117910</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/134117910</guid><author>misschengispink</author><pubDate>Mon, 30 Oct 2023 14:31:56 +0800</pubDate><description><![CDATA[由于项目里需要手写步骤条 且实现指定状态边框虚线流动效果，故使用css去绘制步骤条连接箭头和绘制边框流动效果。]]></description><category></category></item><item><title><![CDATA[vue前端实现打印功能并约束纸张大小---调用浏览器打印功能打印页面部分元素并固定纸张大小]]></title><link>https://blog.youkuaiyun.com/misschengispink/article/details/133857551</link><guid>https://blog.youkuaiyun.com/misschengispink/article/details/133857551</guid><author>misschengispink</author><pubDate>Mon, 16 Oct 2023 14:33:36 +0800</pubDate><description><![CDATA[需求是打印指定div实现小票打印功能。调用浏览器的自带打印功能只能实现打印可视区域，所以这里采用截图+新窗口打开打印去实现此需求。]]></description><category></category></item></channel></rss>