<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[loverdany的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/loverdany</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; loverdany]]></copyright><item><title><![CDATA[LeetCode 206. 反转链表：迭代 + 递归双解法全解析]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/156085376</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/156085376</guid><author>loverdany</author><pubDate>Fri, 19 Dec 2025 16:04:42 +0800</pubDate><description><![CDATA[本文介绍了反转链表的两种方法：递归法和迭代法。递归法通过函数调用栈实现，时间复杂度O(N)，空间复杂度O(N)；迭代法通过循环实现，时间复杂度O(N)，空间复杂度O(1)。两种方法的核心步骤相似：暂存下一节点、反转指针、移动指针。递归法简洁但可能栈溢出，迭代法更高效且节省内存。代码示例展示了两种实现方式，适用于不同规模的数据处理需求。]]></description><category></category></item><item><title><![CDATA[LeetCode 283. 移动零：双指针双解法（原地交换 + 覆盖补零）全解析]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/156082776</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/156082776</guid><author>loverdany</author><pubDate>Fri, 19 Dec 2025 14:44:56 +0800</pubDate><description><![CDATA[本文介绍了使用双指针法将数组中的零元素移动到末尾的算法。通过快慢指针分区，快指针遍历寻找非零元素，慢指针标记非零区域边界，在遍历过程中交换元素位置。该方法时间复杂度为O(N)，只需一次遍历；空间复杂度为O(1)，仅使用固定额外空间。代码实现简洁高效，满足原地操作要求，能有效处理各种规模数组的零元素移动问题。]]></description><category></category></item><item><title><![CDATA[LeetCode 128. 最长连续序列：O (n) 时间的哈希集合 + 剪枝解法全解析]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/156080540</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/156080540</guid><author>loverdany</author><pubDate>Fri, 19 Dec 2025 13:37:48 +0800</pubDate><description><![CDATA[题目要求在未排序整数数组中找到最长连续序列的长度，要求O(n)时间复杂度。解法使用哈希集合存储元素以实现快速查找，并通过判断x-1是否存在来确定序列起点，避免重复计算。关键优化包括：1)使用哈希集合实现O(1)查找；2)仅从序列起点开始统计长度；3)剪枝优化，当当前最长序列超过数组一半长度时提前终止。代码通过遍历集合元素，对每个可能的起点统计连续序列长度，最终返回最大值。时间复杂度和空间复杂度均为O(n)。]]></description><category></category></item><item><title><![CDATA[《LeetCode 49. 字母异位词分组：哈希表 + 排序 全解析》]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/156046632</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/156046632</guid><author>loverdany</author><pubDate>Thu, 18 Dec 2025 10:47:27 +0800</pubDate><description><![CDATA[本文介绍了字母异位词分组问题的解法。核心思路是利用哈希表，将排序后的字符串作为key，原始字符串作为value进行分组。具体实现是将每个字符串排序后作为统一特征，存入哈希表对应位置。时间复杂度为O(n·mlogm)，空间复杂度为O(nm)，其中n是字符串数量，m是字符串长度。该方法通过排序找到字母异位词的共同特征，利用哈希表实现高效分组。]]></description><category></category></item><item><title><![CDATA[LeetCode 两数之和：从 O (n²) 到 O (n)，空间换时间的经典实践]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/156022582</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/156022582</guid><author>loverdany</author><pubDate>Wed, 17 Dec 2025 17:08:27 +0800</pubDate><description><![CDATA[本文详细解析了&quot;两数之和&quot;问题的两种解法：暴力枚举法和哈希表优化法。暴力法通过双重循环枚举所有数对，时间复杂度O(n²)；哈希表法利用空间换时间，存储已遍历元素，只需单次遍历即可找到解，时间复杂度O(n)。文章通过具体代码示例展示了两种方法的实现过程，并特别指出哈希表法中需要注意避免元素自匹配的问题。这道经典题目体现了从基础到优化的算法思维转变，是理解&quot;空间换时间&quot;思想的良好范例。]]></description><category></category></item><item><title><![CDATA[对typescript项目进行pwa的配置]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/149571108</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/149571108</guid><author>loverdany</author><pubDate>Wed, 23 Jul 2025 14:55:13 +0800</pubDate><description><![CDATA[本文分享了基于TypeScript开发的PWA应用toDoList项目经验，主要介绍了关键配置和技术实现要点。文章详细阐述了PWA必备文件的配置方法，并针对Service Worker缓存策略提供了两种优化方案。同时总结了开发过程中遇到的典型问题：本地服务器配置的必要性、HTTPS要求、缓存更新机制、版本管理以及资源路径规范等。通过Chrome DevTools验证了离线缓存功能的有效性，为PWA应用开发提供了实用参考。项目源码已开源在Gitee上。]]></description><category></category></item><item><title><![CDATA[PWA 入门指南：从原理到实战，手把手教你给网页添加离线功能]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/149155002</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/149155002</guid><author>loverdany</author><pubDate>Sun, 06 Jul 2025 16:52:53 +0800</pubDate><description><![CDATA[本篇围绕PWA（渐进式Web应用）展开，以新手视角解答核心问题，如与普通网页的区别、企业应用价值及学习用途。文中结合校园场景，通过Service Worker（似快递代收管家）和Web App Manifest（如学生证）等通俗类比，解析PWA核心知识。还以校园二手交易网页为例，演示从初始化Vue项目、配置图标到测试离线功能的实战步骤，附上常见问题解决方案、成果撰写模板及面试技巧，助力读者快速掌握PWA开发与应用。]]></description><category></category></item><item><title><![CDATA[前端面试高频问题通关指南—通用性问题]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/148386278</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/148386278</guid><author>loverdany</author><pubDate>Mon, 02 Jun 2025 20:52:55 +0800</pubDate><description><![CDATA[本文为面向应届生及1-3年经验开发者的前端面试全流程指南，提供从自我介绍、项目描述到高频问答的脱敏优化方案与实战模板，涵盖“技术栈+项目亮点+成长闭环”自我介绍结构、“背景-挑战-方案-成果”项目叙事模型、经典问题逻辑框架与加分表述，以及个人知识库构建、持续代码提交等差异化亮点打造方法，还包含企业级项目经验缺失弥补策略、技术盲区应对话术及反问技巧，通过真实脱敏案例与结构化模板，助力候选人塑造“基础扎实、落地能力强、具成长潜力”的面试印象，适用于互联网大厂及中厂前端岗位应聘准备。]]></description><category></category></item><item><title><![CDATA[原型链的详细解释及使用场景]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/148047848</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/148047848</guid><author>loverdany</author><pubDate>Sun, 18 May 2025 18:36:06 +0800</pubDate><description><![CDATA[原型链是JavaScript中实现继承和属性共享的核心机制。每个对象都有一个内部属性，指向其原型对象。当访问对象的属性时，若对象自身不存在该属性，则会沿着原型链向上查找，直到找到或到达链的顶端（null）。]]></description><category></category></item><item><title><![CDATA[箭头函数及其与普通函数区别的详细解释]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/148045455</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/148045455</guid><author>loverdany</author><pubDate>Sun, 18 May 2025 16:06:34 +0800</pubDate><description><![CDATA[箭头函数是JavaScript中的一种简洁函数定义方式，使用 =&gt; 符号，省略 function 关键字，适合快速定义匿名函数或简单表达式。其核心特性包括语法简洁、匿名性和隐式返回对象。与普通函数相比，箭头函数的 this 是词法绑定的，即在定义时捕获外层非箭头函数的 this，且无法通过调用方式改变。普通函数的 this 则是动态绑定的，根据调用方式确定。箭头函数适用于需要固定 this 的场景（如回调函数、事件处理）和简化单行表达式（如数组操作 map/filter），但在对象方法、构造函数和需要]]></description><category></category></item><item><title><![CDATA[在浏览器输入URL回车后，都会经历哪些过程？]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147921535</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147921535</guid><author>loverdany</author><pubDate>Tue, 13 May 2025 12:48:00 +0800</pubDate><description><![CDATA[文章摘要：本文概述了浏览器从解析URL到最终渲染页面的完整流程。首先，浏览器解析URL并检查缓存是否命中。若未命中，则通过DNS服务器将域名解析为IP地址。随后，通过三次握手建立TCP连接，并向服务器发送HTTP请求。服务器处理请求后返回HTTP报文，浏览器解析并渲染页面。最后，通过四次挥手断开TCP连接。这一系列步骤确保了网页的顺利加载和显示。]]></description><category></category></item><item><title><![CDATA[SaaS场快订首页的前端搭建【持续更新】]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147874335</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147874335</guid><author>loverdany</author><pubDate>Sun, 11 May 2025 16:17:59 +0800</pubDate><description><![CDATA[本文介绍了体育馆预约系统首页的开发过程，主要包括页面创建、路由配置、接口编写及页面开发。首先，在pages文件夹下创建index.vue页面，并在pages.json中配置路由信息。接着，编写了定位、场馆分类和附近场馆列表的接口函数，其中定位功能通过腾讯地图API实现，支持IP定位和逆地址解析，并引入了缓存机制和降级策略。页面开发部分，首页分为顶部定位区域、搜索框、场馆分类和附近场馆列表四个模块，分别展示了实时定位、搜索功能、分类展示和场馆列表。]]></description><category></category></item><item><title><![CDATA[SaaS场快订平台项目说明【持续更新】]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147859297</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147859297</guid><author>loverdany</author><pubDate>Sat, 10 May 2025 21:46:46 +0800</pubDate><description><![CDATA[本文主要介绍了SaaS场快订平台的项目说明，包括项目介绍、页面展示、相关仓库、项目感悟，完整的开源介绍、各个部分的详细介绍见文章底部的链接。]]></description><category></category></item><item><title><![CDATA[前端CSS场景题篇【持续更新】]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147857150</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147857150</guid><author>loverdany</author><pubDate>Sat, 10 May 2025 18:24:41 +0800</pubDate><description><![CDATA[本文详细讲解了6个CSS场景题，整理了常问的题目和自己亲身遇到的经历，后续会持续更新场景题目，希望对你有所帮助。]]></description><category></category></item><item><title><![CDATA[如何使用CSS解决一行有三个元素，前两个元素靠左排列，第三个元素靠右排列的问题]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147759049</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147759049</guid><author>loverdany</author><pubDate>Thu, 08 May 2025 09:00:00 +0800</pubDate><description><![CDATA[本文详细介绍了如何使用CSS解决一行有三个元素，前两个元素靠左排列，第三个元素靠右排列的问题，详细讲解了基本实现和4种拓展方法，并建议优先选择Flexbox布局的方法。]]></description><category></category></item><item><title><![CDATA[vue2与vue3的区别【高频考点】]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147775119</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147775119</guid><author>loverdany</author><pubDate>Wed, 07 May 2025 22:18:08 +0800</pubDate><description><![CDATA[本文详细介绍了vue2与vue3的区别，这是前端面试中的经典问题，高频考点。]]></description><category></category></item><item><title><![CDATA[解决uniapp中uni.showToast和uni.showModal被挡住的方案]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147758382</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147758382</guid><author>loverdany</author><pubDate>Wed, 07 May 2025 12:45:49 +0800</pubDate><description><![CDATA[本文介绍了在uniapp中，uni.showToast和uni.showModal被挡住的解决办法。]]></description><category></category></item><item><title><![CDATA[使用Git管理远程仓库出现代码冲突的解决办法]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147758001</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147758001</guid><author>loverdany</author><pubDate>Wed, 07 May 2025 12:15:28 +0800</pubDate><description><![CDATA[本文介绍了当使用git管理远程仓库时出现代码冲突的解决办法，主要解决的问题是多人修改同一文件导致的git pull失败。]]></description><category></category></item><item><title><![CDATA[前端八股文JS基础篇上]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147722510</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147722510</guid><author>loverdany</author><pubDate>Mon, 05 May 2025 21:03:31 +0800</pubDate><description><![CDATA[本文整理了JS基础常考八股文，帮助大家夯实基础、查漏补缺。]]></description><category></category></item><item><title><![CDATA[前端八股CSS篇【续集】]]></title><link>https://blog.youkuaiyun.com/loverdany/article/details/147718791</link><guid>https://blog.youkuaiyun.com/loverdany/article/details/147718791</guid><author>loverdany</author><pubDate>Mon, 05 May 2025 16:03:20 +0800</pubDate><description><![CDATA[本文总结了前端面试中常考的CSS八股文续集，并附有详细的逻辑、原理以及代码的解释，方便大家复习CSS八股文。]]></description><category></category></item></channel></rss>