<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[luyangguo的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/luyangguo</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; luyangguo]]></copyright><item><title><![CDATA[对象数组去重]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/142169910</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/142169910</guid><author>luyangguo</author><pubDate>Thu, 12 Sep 2024 11:19:04 +0800</pubDate><description><![CDATA[在处理对象数组时，如果需要根据对象中的多个属性值进行去重，可以使用 JavaScript 中的 Map 对象或者 Set 对象结合字符串化的方法来实现。下面我将给出一个具体的例子，假设我们有一个对象数组，每个对象中有两个属性 name 和 age，我们需要根据这两个属性的值来进行去重。假设我们有一个对象数组 arr，每个对象包含多个属性（例如 Bu, Name, Age 等），我们要根据这些对象的所有值是否完全相同来去除重复的对象。中，并将当前元素保留在过滤后的数组中。：用来存储已经见过的标识符。]]></description><category></category></item><item><title><![CDATA[【两组二维数组循环比对替换key值相同的值】]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/141404621</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/141404621</guid><author>luyangguo</author><pubDate>Wed, 21 Aug 2024 22:55:04 +0800</pubDate><description><![CDATA[在这个情况下，我们需要根据 id 和 nid 来匹配 a 数组和 ba 数组中的 names 对象。如果找到，则根据 nid 匹配 names 对象，并更新相应的 a 和 c 属性。对于每个元素，查找 a 数组中具有相同 id 的元素。]]></description><category></category></item><item><title><![CDATA[vue3 customRef 实现搜索节流/防抖]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/136311518</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/136311518</guid><author>luyangguo</author><pubDate>Tue, 27 Feb 2024 00:36:47 +0800</pubDate><description><![CDATA[【代码】vue3 customRef 实现搜索节流/防抖。]]></description><category></category></item><item><title><![CDATA[qrcode-generator 库生成包含 vCard 数据的二维码时，如果遇到中文乱码问题]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/135886509</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/135886509</guid><author>luyangguo</author><pubDate>Sat, 27 Jan 2024 18:28:36 +0800</pubDate><description><![CDATA[使用 qrcode-generator 库生成包含 vCard 数据的二维码时，如果遇到中文乱码问题，主要是由于vCard数据编码不正确导致。vCard标准支持UTF-8编码，因此确保你将汉字转换为正确的UTF-8编码格式是解决乱码问题的关键步骤。以下是一个处理vCard数据并确保其正确编码的示例。]]></description><category></category></item><item><title><![CDATA[在Vue3项目中，结合qrcode-generator，生成复杂的vcard二维码数据]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/135856432</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/135856432</guid><author>luyangguo</author><pubDate>Fri, 26 Jan 2024 00:06:55 +0800</pubDate><description><![CDATA[在Vue3项目中，要结合qrcode-generator库生成包含复杂vCard数据的二维码，你需要将vCard数据转换为适合二维码的数据格式，并确保其长度符合二维码的容量限制。请确保你的vCard数据简洁且符合规范，因为并非所有平台对长URL都有很好的处理能力，尤其是在二维码的应用场景下，过长的URL可能无法有效扫描。如果确实需要将完整的vCard数据放入二维码，且不希望依赖外部链接，可以尝试将其拆分成多个部分，并分别生成多个二维码，形成所谓的矩阵式二维码或拼图式二维码。]]></description><category></category></item><item><title><![CDATA[vue3 element-plus table 多选框在在初始化渲染数据时默认将isopen:ture行数据赋值选中状态]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/135709256</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/135709256</guid><author>luyangguo</author><pubDate>Sat, 20 Jan 2024 00:06:23 +0800</pubDate><description><![CDATA[在这个例子中，我们并没有直接使用 default-checked-keys，而是通过自定义渲染来控制复选框的状态。当 isOpen 字段为 true 时，默认选中该行。同时，我们监听了复选框的 change 事件，以便实时更新已选择的行。在 Vue3 + Element Plus 的表格中，如果想根据数据中的某个字段（如 isOpen）来决定是否默认选中某一行，你可以通过自定义一个计算属性或者方法来实现。注意：这个示例可能需要根据实际情况进行调整以适应你的具体需求。]]></description><category></category></item><item><title><![CDATA[vue3+ts 创建一个自定义的Axios事例并全局配置]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/134866206</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/134866206</guid><author>luyangguo</author><pubDate>Thu, 07 Dec 2023 22:11:02 +0800</pubDate><description><![CDATA[在Vue 3中，你可以通过创建一个自定义的Axios实例并设置全局配置来优化和简化你的HTTP请求。以下是一个使用TypeScript的基本步骤。2.在你的项目中创建一个新的文件，例如 src/utils/axios.ts，然后在这个文件中设置你的自定义Axios实例。现在你就可以在任意Vue组件中通过this.$http访问到你的自定义Axios实例了。1.首先，你需要安装axios库。3.现在你可以在其他模块中导入并使用这个自定义的Axios实例。]]></description><category></category></item><item><title><![CDATA[Uncaught SyntaxError: Identifier ‘originalPrompt‘ has already been declared (at prompt.js:1:1)]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/134798263</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/134798263</guid><author>luyangguo</author><pubDate>Tue, 05 Dec 2023 09:14:25 +0800</pubDate><description><![CDATA[预测是Google Chrome浏览器安装了插件跟Vue项目运行代码出现了冲突。]]></description><category></category></item><item><title><![CDATA[常用VUE3 UI框架]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/134682082</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/134682082</guid><author>luyangguo</author><pubDate>Wed, 29 Nov 2023 11:04:31 +0800</pubDate><description><![CDATA[VUE Design 设计体系的  UI 组件库]]></description><category></category></item><item><title><![CDATA[van-search自动聚焦]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/134132182</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/134132182</guid><author>luyangguo</author><pubDate>Tue, 31 Oct 2023 08:35:19 +0800</pubDate><description><![CDATA[注意: 直接通过this.$refs.searchVal.focus()是不能获取到input的dom元素, 需要通过querySelector()方法查找到input元素,不使用autofocus，改为页面mounted或弹框显示时手动调用van-search提供的focus方法。使用van-search的autofocus属性，只在第一次进入页面时能成功focus。]]></description><category></category></item><item><title><![CDATA[含样式导出Excel]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/134056288</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/134056288</guid><author>luyangguo</author><pubDate>Thu, 26 Oct 2023 14:53:27 +0800</pubDate><description><![CDATA[【代码】含样式导出Excel。]]></description><category></category></item><item><title><![CDATA[base64转文件流下载]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/134056229</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/134056229</guid><author>luyangguo</author><pubDate>Thu, 26 Oct 2023 14:51:43 +0800</pubDate><description><![CDATA[【代码】base64转文件流下载。]]></description><category></category></item><item><title><![CDATA[网页加水印]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/132583464</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/132583464</guid><author>luyangguo</author><pubDate>Wed, 30 Aug 2023 15:23:15 +0800</pubDate><description><![CDATA[【代码】网页加水印。]]></description><category></category></item><item><title><![CDATA[Google Chrome和Microsoft Edge开发环境跨域的设置]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/132402485</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/132402485</guid><author>luyangguo</author><pubDate>Mon, 21 Aug 2023 10:03:36 +0800</pubDate><description><![CDATA[Google Chrome和Microsoft Edge开发环境跨域的设置。]]></description><category></category></item><item><title><![CDATA[图片在线转base64]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/132236267</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/132236267</guid><author>luyangguo</author><pubDate>Fri, 11 Aug 2023 17:02:28 +0800</pubDate><description><![CDATA[魔方工具网。]]></description><category></category></item><item><title><![CDATA[苹果系统H5页面软键盘弹出造成点击事件失效]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/132155322</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/132155322</guid><author>luyangguo</author><pubDate>Mon, 07 Aug 2023 21:48:39 +0800</pubDate><description><![CDATA[原因：在IOS下，点击页面中的input时，弹出软键盘时，如果input比较靠下，整个页面会上移，document.body.scrollOffset会由0变成大于0。软键盘消失后，页面会下移。但是document.body.scrollOffset并不会变成0，所以这时候触控不准；排查过程：只有iphonex、iphone6，ihpone7等部分机型会出现该问题；问题描述：苹果系统，软键盘弹出，键盘再收起时，原虚拟键盘位点击事件无效。//ios 软键盘处理，页面错位恢复问题。]]></description><category></category></item><item><title><![CDATA[前端开发学习实用网站]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/131081161</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/131081161</guid><author>luyangguo</author><pubDate>Wed, 07 Jun 2023 09:42:20 +0800</pubDate><description><![CDATA[记录总结 NodeJs、Express、MongoDB数据库等后端开发相关技术问题。HTML、CSS、JavaScript、ES6、Vue框架等前端开发相关技术问题。主要包含一些技术文档、教程、开发技巧、技术总结等一系列在线文章。]]></description><category></category></item><item><title><![CDATA[ios上fixed底部输入框被键盘遮挡的简单解决办法]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/131071768</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/131071768</guid><author>luyangguo</author><pubDate>Tue, 06 Jun 2023 17:08:51 +0800</pubDate><description><![CDATA[当输入框获得焦点时候，等待500毫秒（键盘弹出动画时间）滚动到页面底部。而ios上面，点击页面底部输入框，软键盘弹出，输入框看不到了。在安卓上面，点击页面底部的输入框，软键盘弹出，页面移动上移。ios据说不支持position: fixed;]]></description><category></category></item><item><title><![CDATA[前端内存泄漏详解]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/129054189</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/129054189</guid><author>luyangguo</author><pubDate>Thu, 16 Feb 2023 09:04:28 +0800</pubDate><description><![CDATA[JavaScript 通过自动内存管理实现内存分配和闲置资源回收。基本思路很简单：确定哪个变量不会再使用，然后释放它占有的内存。这个过程是周期性的，即垃圾回收程序每隔一定时间（或者说在代码执行过程中某个预订的收集时间）就会自动运行。垃圾回收是一个近似且不完美的方案，因为某块内存是否还有用，属于“不可判定的”问题，意味着靠算法是解决不了的。——《JavaScript 高级程序设计（第4版）》4.3 垃圾回收内存泄漏。]]></description><category></category></item><item><title><![CDATA[磁盘修复命令CHKDSK回顾]]></title><link>https://blog.youkuaiyun.com/luyangguo/article/details/128936813</link><guid>https://blog.youkuaiyun.com/luyangguo/article/details/128936813</guid><author>luyangguo</author><pubDate>Wed, 08 Feb 2023 15:41:43 +0800</pubDate><description><![CDATA[Check Disk，简称“CHKDSK”，是一种Windows内置的实用程序，可以检查硬盘文件系统的完整性，并可以修复FAT16、FAT32和NTFS硬盘上的各种文件系统错误。除了检查分区是否有坏道或错误外，傲梅分区助手还有许多其他功能可以帮助您更好地管理Windows 11/10/8/7上的硬盘，如合并两个分区，移动分区，克隆分区。步骤2. 它会弹出一个小窗口，您可以选择要执行的检查错误的方式。步骤1. 在傲梅分区助手的主界面，选择要检查的分区，右键单击它，选择“高级操作” -> “检查错误”。]]></description><category></category></item></channel></rss>