<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MoYu的博客]]></title><description><![CDATA[学习前端的小小白]]></description><link>https://blog.youkuaiyun.com/m0_52228571</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; m0_52228571]]></copyright><item><title><![CDATA[npm link 测试本地依赖完整指南]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/156723275</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/156723275</guid><author>m0_52228571</author><pubDate>Thu, 08 Jan 2026 14:14:00 +0800</pubDate><description><![CDATA[npm link 本地依赖测试指南：通过符号链接实现实时开发测试循环。流程包括：1) 本地包项目配置正确的 package.json；2) 构建并全局链接；3) 在测试项目中链接并使用。常见问题如依赖冲突（示例分析 node-forge 报错），解决方案包括修复依赖配置、使用别名、版本降级或改用 Yarn/pnpm。最佳实践推荐使用 peerDependencies、明确 files 字段、版本递增和测试构建产物。替代方案可直接本地安装路径。]]></description><category></category></item><item><title><![CDATA[el-date-picker限制选择范围]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/156723045</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/156723045</guid><author>m0_52228571</author><pubDate>Thu, 08 Jan 2026 14:09:01 +0800</pubDate><description><![CDATA[摘要 本文展示了一个使用el-date-picker组件实现日期范围选择限制的Vue示例。代码通过pickerOptions中的disabledDate函数，将日期选择范围限制在首次选择日期的±29天内。当用户首次选择日期后，会存储该日期的时间戳(firstMinDate)，后续选择时只允许选择该日期前后29天范围内的日期。清空选择后重置限制条件。该实现适用于需要限制用户选择日期范围的业务场景。]]></description><category></category></item><item><title><![CDATA[npm发布依赖指南]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/155705747</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/155705747</guid><author>m0_52228571</author><pubDate>Mon, 08 Dec 2025 14:12:57 +0800</pubDate><description><![CDATA[本文详细介绍了将一个vue组件发布到npm私服的完整流程。首先进行项目初始化与配置，包括npm包初始化、完善package.json配置和创建Vue CLI配置文件。然后安装依赖并构建组件库，配置npm私服地址并完成登录。最后执行发布命令并验证发布结果，确保组件成功发布到私服。文中还提供了常见登录问题的解决方案，帮助开发者顺利完成组件发布。]]></description><category></category></item><item><title><![CDATA[Vue2 高性能下拉多选树组件：虚拟滚动与大数据量优化指南]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/153829686</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/153829686</guid><author>m0_52228571</author><pubDate>Fri, 24 Oct 2025 15:09:54 +0800</pubDate><description><![CDATA[本文介绍了一个基于 Vue2 和 Element UI 的高性能下拉多选树组件，支持虚拟滚动和大数据量优化。组件提供丰富的配置选项，包括基础用法、虚拟滚动启用、保留最小选择数、动态数据重置和自定义树节点等功能。通过 npm 安装后，开发者可以灵活配置下拉框参数、树参数和输入框参数，并处理各种事件如选择变化、下拉框开闭等。适用于需要处理大量树形数据的场景，有效提升性能。]]></description><category></category></item><item><title><![CDATA[Vue2 平铺日期范围选择组件]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/153783792</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/153783792</guid><author>m0_52228571</author><pubDate>Thu, 23 Oct 2025 15:57:03 +0800</pubDate><description><![CDATA[Vue2 平铺日期范围选择组件（FlattenDaterange）使用指南 本文档介绍 Vue2 平铺日期范围选择组件的核心功能和使用方法： 基础使用：通过 v-model 绑定日期范围，支持设置最小/最大可选日期 属性配置：提供初始月份、周起始日、日期格式等自定义选项 事件监听：支持日期变更、范围确定、月份切换等事件回调 高级功能：支持插槽自定义日期显示内容，可结合农历或节假日显示 依赖要求：需提供默认日期格式化工具函数 getFormatDateymd 组件适用于中后台系统的日期筛选场景，支持响应式设计]]></description><category></category></item><item><title><![CDATA[vue+svg圆形百分比进度条组件]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/143788237</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/143788237</guid><author>m0_52228571</author><pubDate>Fri, 15 Nov 2024 10:36:40 +0800</pubDate><description><![CDATA[vue+svg圆形进度条组件]]></description><category></category></item><item><title><![CDATA[el-tree父子不互相关联时，手动实现全选、反选、子级全选、清空功能]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/142205800</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/142205800</guid><author>m0_52228571</author><pubDate>Fri, 13 Sep 2024 11:12:39 +0800</pubDate><description><![CDATA[当属性check-strictly为true时，父子节点不互相关联，如果需要全部选中或选择某一节点下的全部节点就必须手动选择每个节点，十分麻烦。可以通过ref操做el-tree的getCheckedKeys、getCheckedNodes、setCheckedKeys方法手动快速节点选择。本文由博客一文多发平台。]]></description><category></category></item><item><title><![CDATA[解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140773593</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140773593</guid><author>m0_52228571</author><pubDate>Mon, 29 Jul 2024 16:05:33 +0800</pubDate><description><![CDATA[摘要：本文介绍了如何解决Element UI中el-collapse折叠面板在标题插槽包含输入框时，点击获取焦点或按下enter/space键自动展开收起的问题。通过在输入框上添加@click.stop.native、@keyup.enter.stop.native和@keyup.space.stop.native修饰符，可以阻止事件冒泡到父组件，避免触发折叠面板的默认展开/收起行为。代码示例展示了具体实现方法，并解释了各修饰符的作用原理。]]></description><category></category></item><item><title><![CDATA[前端代码审查大纲]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140529647</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140529647</guid><author>m0_52228571</author><pubDate>Thu, 18 Jul 2024 17:58:20 +0800</pubDate><description><![CDATA[代码审查是一个很好的学习机会，通过审查他人的代码，团队成员可以了解不同的编程思路、技术实现和最佳实践。：代码审查可以确保团队成员遵循统一的编码规范和风格，这对于保持代码的可读性和可维护性至关重要。：代码审查是一个团队协作的过程，通过共同参与和讨论，可以增强团队成员之间的沟通和协作能力。检查代码是否遵循了项目或团队的代码规范，包括变量命名、代码缩进、注释等。：代码审查可以发现代码中的错误、漏洞、不符合规范的地方，从而及时进行修正。仔细阅读代码，确保实现的功能和交互与需求一致，没有遗漏或错误的逻辑。]]></description><category></category></item><item><title><![CDATA[利用patch-package补丁，解决H5预览PDF时电子签章不显示问题]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140527935</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140527935</guid><author>m0_52228571</author><pubDate>Thu, 18 Jul 2024 17:05:53 +0800</pubDate><description><![CDATA[成功解决了移动端H5电子票PDF预览中的电子签章不显示问题。通过引入patch-package工具，可以在生产环境中有效地对第三方库进行补丁修改，但是此种补丁方法要求对应依赖版本，也就是说项目所对应的PDFJS库版本更改后，很可能会导致补丁不生效或者需要重新生成补丁。所有一般采用固定版本号对应补丁。需求考虑项目是否强依赖于库更新。本文由博客一文多发平台OpenWrite发布！]]></description><category></category></item><item><title><![CDATA[CryptoJS自定义加解密]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140490004</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140490004</guid><author>m0_52228571</author><pubDate>Wed, 17 Jul 2024 11:22:41 +0800</pubDate><description><![CDATA[CryptoJS：这是一个流行的 JavaScript 加密库，用于提供各种加密算法的实现，包括 AES 加密。js-base64：这是一个提供 Base64 编码和解码功能的库，用于在加密过程中处理数据的编码。是一个用于 AES 加密的密钥。在实际应用中，这个密钥应该更长（通常是 128 比特、192 比特或 256 比特）且更复杂，以提高加密的安全性。]]></description><category></category></item><item><title><![CDATA[vue基于Cookies实现记住密码自动登录功能]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140488369</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140488369</guid><author>m0_52228571</author><pubDate>Wed, 17 Jul 2024 10:44:11 +0800</pubDate><description><![CDATA[Cookies 和localStorage存储比对实现记住密码功能时，使用 Cookies 和使用 localStorage 各有其优势和考虑因素，具体需要取决于需求和安全考量：综上所述，选择使用 Cookies 还是 localStorage 实现记住密码功能取决于具体需求，特别是安全性、数据大小和与服务器的交互方式等方面的考量。因为每个 Cookie 的大小限制在 4KB 到 8KB 之间。这包括了 Cookie 的名称、值以及其他元数据（如域名、路径、过期时间等）。浏览器对单个域名可以存储的 Cook]]></description><category></category></item><item><title><![CDATA[vue项目全局格式化配置]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140384483</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140384483</guid><author>m0_52228571</author><pubDate>Fri, 12 Jul 2024 17:17:17 +0800</pubDate><description><![CDATA[要全局设置格式化： 首先，确保Prettier已经被安装为项目的开发依赖。Prettier可以使用项目内的配置文件来定制化格式化规则。文件中包含了之前提到的脚本定义。命令来自动格式化相应文件夹下的代码了。完成以上步骤后，就可以在项目中运行。本文由博客一文多发平台。]]></description><category></category></item><item><title><![CDATA[vxe-table、vxe-grid合并行配置项生成]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/140384241</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/140384241</guid><author>m0_52228571</author><pubDate>Fri, 12 Jul 2024 17:10:13 +0800</pubDate><description><![CDATA[此方法根据某些条件自动合并具有相同数据的行，以便于在前端表格展示时减少冗余数据，提高可读性。通过指定哪些列应该被考虑合并（中的每一行都遍历剩余的所有行来查找连续的相同行。其他操作的时间复杂度在这个上下文中是可以忽略的。）来合并表格中的行。函数的时间复杂度主要由内部while循环决定，为。（用于判断哪些行应该被合并的条件字段名列表）、（指定哪些列应该被考虑合并的字段名列表）、（用于在列定义中查找字段名的键名，默认为。方法最终返回一个合并单元格的配置集合。的目的是根据给定的条件（），提供了灵活的合并逻辑。]]></description><category></category></item><item><title><![CDATA[SonarQube-检测Vue项目代码]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/131726615</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/131726615</guid><author>m0_52228571</author><pubDate>Fri, 14 Jul 2023 18:04:18 +0800</pubDate><description><![CDATA[通过SonarQube我们可以检测出项目中重复代码， 潜在bug， 代码规范，安全性漏洞等问题， 并通过SonarQube web UI展示出来。启动成功后，浏览器进入 http://localhost:9000/ ，初始登录名和密码都为admin，登录成功后可自行修改。例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。首先双击安装目录下的StartSonar.bat，运行并登录sonar（http://localhost:9000/）]]></description><category></category></item><item><title><![CDATA[ES6字符串常用扩展]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/126012932</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/126012932</guid><author>m0_52228571</author><pubDate>Wed, 27 Jul 2022 13:43:29 +0800</pubDate><description><![CDATA[ES6字符串常用扩展。]]></description><category></category></item><item><title><![CDATA[3、常用的解构赋值]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/126011008</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/126011008</guid><author>m0_52228571</author><pubDate>Wed, 27 Jul 2022 11:27:41 +0800</pubDate><description><![CDATA[解构赋值可以方便地将一组参数与变量名对应起来。]]></description><category></category></item><item><title><![CDATA[ES6 2、对象的解构赋值]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/125993295</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/125993295</guid><author>m0_52228571</author><pubDate>Tue, 26 Jul 2022 14:02:27 +0800</pubDate><description><![CDATA[对象的结构赋值，核心点是模式匹配，模式决定真正赋值的是谁。]]></description><category></category></item><item><title><![CDATA[ES6 1、变量的解构赋值]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/125993024</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/125993024</guid><author>m0_52228571</author><pubDate>Tue, 26 Jul 2022 13:54:17 +0800</pubDate><description><![CDATA[ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。...]]></description><category></category></item><item><title><![CDATA[解决el-form的el-input 输入框按回车页面刷新问题]]></title><link>https://blog.youkuaiyun.com/m0_52228571/article/details/125977562</link><guid>https://blog.youkuaiyun.com/m0_52228571/article/details/125977562</guid><author>m0_52228571</author><pubDate>Mon, 25 Jul 2022 16:23:15 +0800</pubDate><description><![CDATA[解决el-form中-el-inpuit输入框按回车后页面刷新问题]]></description><category></category></item></channel></rss>