DanyHope-优快云博客

原创 LeetCode 206. 反转链表：迭代 + 递归双解法全解析

本文介绍了反转链表的两种方法：递归法和迭代法。递归法通过函数调用栈实现，时间复杂度O(N)，空间复杂度O(N)；迭代法通过循环实现，时间复杂度O(N)，空间复杂度O(1)。两种方法的核心步骤相似：暂存下一节点、反转指针、移动指针。递归法简洁但可能栈溢出，迭代法更高效且节省内存。代码示例展示了两种实现方式，适用于不同规模的数据处理需求。

2025-12-19 16:04:42 972

原创 LeetCode 283. 移动零：双指针双解法（原地交换 + 覆盖补零）全解析

本文介绍了使用双指针法将数组中的零元素移动到末尾的算法。通过快慢指针分区，快指针遍历寻找非零元素，慢指针标记非零区域边界，在遍历过程中交换元素位置。该方法时间复杂度为O(N)，只需一次遍历；空间复杂度为O(1)，仅使用固定额外空间。代码实现简洁高效，满足原地操作要求，能有效处理各种规模数组的零元素移动问题。

2025-12-19 14:44:56 538

原创 LeetCode 128. 最长连续序列：O (n) 时间的哈希集合 + 剪枝解法全解析

题目要求在未排序整数数组中找到最长连续序列的长度，要求O(n)时间复杂度。解法使用哈希集合存储元素以实现快速查找，并通过判断x-1是否存在来确定序列起点，避免重复计算。关键优化包括：1)使用哈希集合实现O(1)查找；2)仅从序列起点开始统计长度；3)剪枝优化，当当前最长序列超过数组一半长度时提前终止。代码通过遍历集合元素，对每个可能的起点统计连续序列长度，最终返回最大值。时间复杂度和空间复杂度均为O(n)。

2025-12-19 13:37:48 322

原创《LeetCode 49. 字母异位词分组：哈希表 + 排序全解析》

本文介绍了字母异位词分组问题的解法。核心思路是利用哈希表，将排序后的字符串作为key，原始字符串作为value进行分组。具体实现是将每个字符串排序后作为统一特征，存入哈希表对应位置。时间复杂度为O(n·mlogm)，空间复杂度为O(nm)，其中n是字符串数量，m是字符串长度。该方法通过排序找到字母异位词的共同特征，利用哈希表实现高效分组。

2025-12-18 10:47:27 312

原创 LeetCode 两数之和：从 O (n²) 到 O (n)，空间换时间的经典实践

本文详细解析了"两数之和"问题的两种解法：暴力枚举法和哈希表优化法。暴力法通过双重循环枚举所有数对，时间复杂度O(n²)；哈希表法利用空间换时间，存储已遍历元素，只需单次遍历即可找到解，时间复杂度O(n)。文章通过具体代码示例展示了两种方法的实现过程，并特别指出哈希表法中需要注意避免元素自匹配的问题。这道经典题目体现了从基础到优化的算法思维转变，是理解"空间换时间"思想的良好范例。

2025-12-17 17:08:27 630

原创对typescript项目进行pwa的配置

本文分享了基于TypeScript开发的PWA应用toDoList项目经验，主要介绍了关键配置和技术实现要点。文章详细阐述了PWA必备文件的配置方法，并针对Service Worker缓存策略提供了两种优化方案。同时总结了开发过程中遇到的典型问题：本地服务器配置的必要性、HTTPS要求、缓存更新机制、版本管理以及资源路径规范等。通过Chrome DevTools验证了离线缓存功能的有效性，为PWA应用开发提供了实用参考。项目源码已开源在Gitee上。

2025-07-23 14:55:13 853

原创 PWA 入门指南：从原理到实战，手把手教你给网页添加离线功能

本篇围绕PWA（渐进式Web应用）展开，以新手视角解答核心问题，如与普通网页的区别、企业应用价值及学习用途。文中结合校园场景，通过Service Worker（似快递代收管家）和Web App Manifest（如学生证）等通俗类比，解析PWA核心知识。还以校园二手交易网页为例，演示从初始化Vue项目、配置图标到测试离线功能的实战步骤，附上常见问题解决方案、成果撰写模板及面试技巧，助力读者快速掌握PWA开发与应用。

2025-07-06 16:52:53 1229

原创前端面试高频问题通关指南—通用性问题

本文为面向应届生及1-3年经验开发者的前端面试全流程指南，提供从自我介绍、项目描述到高频问答的脱敏优化方案与实战模板，涵盖“技术栈+项目亮点+成长闭环”自我介绍结构、“背景-挑战-方案-成果”项目叙事模型、经典问题逻辑框架与加分表述，以及个人知识库构建、持续代码提交等差异化亮点打造方法，还包含企业级项目经验缺失弥补策略、技术盲区应对话术及反问技巧，通过真实脱敏案例与结构化模板，助力候选人塑造“基础扎实、落地能力强、具成长潜力”的面试印象，适用于互联网大厂及中厂前端岗位应聘准备。

2025-06-02 20:52:55 971

原创原型链的详细解释及使用场景

原型链是JavaScript中实现继承和属性共享的核心机制。每个对象都有一个内部属性，指向其原型对象。当访问对象的属性时，若对象自身不存在该属性，则会沿着原型链向上查找，直到找到或到达链的顶端（null）。

2025-05-18 18:36:06 627

原创箭头函数及其与普通函数区别的详细解释

箭头函数是JavaScript中的一种简洁函数定义方式，使用 => 符号，省略 function 关键字，适合快速定义匿名函数或简单表达式。其核心特性包括语法简洁、匿名性和隐式返回对象。与普通函数相比，箭头函数的 this 是词法绑定的，即在定义时捕获外层非箭头函数的 this，且无法通过调用方式改变。普通函数的 this 则是动态绑定的，根据调用方式确定。箭头函数适用于需要固定 this 的场景（如回调函数、事件处理）和简化单行表达式（如数组操作 map/filter），但在对象方法、构造函数和需要

2025-05-18 16:06:34 450

原创在浏览器输入URL回车后，都会经历哪些过程？

文章摘要：本文概述了浏览器从解析URL到最终渲染页面的完整流程。首先，浏览器解析URL并检查缓存是否命中。若未命中，则通过DNS服务器将域名解析为IP地址。随后，通过三次握手建立TCP连接，并向服务器发送HTTP请求。服务器处理请求后返回HTTP报文，浏览器解析并渲染页面。最后，通过四次挥手断开TCP连接。这一系列步骤确保了网页的顺利加载和显示。

2025-05-13 12:48:00 507

原创 SaaS场快订首页的前端搭建【持续更新】

本文介绍了体育馆预约系统首页的开发过程，主要包括页面创建、路由配置、接口编写及页面开发。首先，在pages文件夹下创建index.vue页面，并在pages.json中配置路由信息。接着，编写了定位、场馆分类和附近场馆列表的接口函数，其中定位功能通过腾讯地图API实现，支持IP定位和逆地址解析，并引入了缓存机制和降级策略。页面开发部分，首页分为顶部定位区域、搜索框、场馆分类和附近场馆列表四个模块，分别展示了实时定位、搜索功能、分类展示和场馆列表。

2025-05-11 16:17:59 2130 2