- 博客(61)
- 收藏
- 关注
RSS订阅原创 单向数据流不迷路：用 Todos 项目吃透 React 通信机制
本文通过一个完整的 React 待办清单项目，深入浅出地讲解了组件通信的三大核心模式：父传子（props）、子传父（回调函数）和兄弟组件通信（状态提升至共同父组件）。结合 useState、useEffect 与 localStorage，实现数据驱动与持久化，让你在实战中掌握 React 单向数据流的精髓。
2025-12-24 22:34:03
830
6
原创 告别搬砖！LangChain 让大模型开发像拼乐高一样爽
LangChain 让大模型开发从“搬砖”变“搭积木”🧱！通过适配器统一调用不同模型，用提示词模板提升复用性，再借链式流与序列化编排轻松构建复杂AI工作流。告别重复代码，专注业务逻辑，效率原地起飞！
2025-12-23 23:14:14
495
9
原创 爬楼梯问题：从递归到动态规划再到闭包的进化之路
本文围绕经典爬楼梯问题，拆解从递归到动态规划再到闭包的优化之路。先分析问题本质与递归公式，指出纯递归重复计算、易爆栈的缺陷；再介绍数组和HashMap缓存的动态规划解法，以空间换时间提升效率；最后通过闭包优化全局缓存的递归方案，解决状态污染问题。还梳理面试官高频提问，展现编程思维的递进与优化逻辑。
2025-12-22 19:17:17
526
5
原创 React 项目搭建の正确打开方式，React 小白也能丝滑起飞
本文从零开始，使用 Vite 初始化 React 项目，配置路由、创建页面组件，并结合 useState 和 useEffect 实现数据请求，带你搭建一个结构清晰的现代单页应用（SPA）基础架构。
2025-12-21 23:31:17
1014
3
原创 现代前端开发工程化：Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目
本文手把手教你使用 Vite 从零搭建 Vue3 项目，涵盖工程化架构、多页面路由配置及开发工具推荐，助你快速掌握现代前端开发核心流程与规范。
2025-12-21 18:14:43
1373
3
原创 列表转树结构：从扁平列表到层级森林
列表转树结构是前端常见需求，可通过递归（O(n²)）或HashMap（O(n)）实现。前者简洁易懂，后者高效适合大数据。适用于菜单、省市区、评论嵌套等场景，体现“存时扁平，用时树形”的设计思想。
2025-12-20 23:21:13
742
3
原创 React 之 Hooks
React Hooks 如 useState 和 useEffect 赋予函数组件状态与副作用处理能力，提升逻辑复用性与代码可维护性。理解纯函数、副作用及依赖数组机制，是掌握 Hooks 的关键。
2025-12-19 18:44:04
1066
1
原创 二叉树深度解析：从基础结构到实战应用
二叉树是重要的非线性数据结构，具有递归特性，广泛应用于搜索、索引等领域。本文系统讲解其定义、节点构建、四种遍历方式（前序、中序、后序、层序）、核心性质及实际应用，并提供代码实现与学习建议。
2025-12-18 23:20:12
953
原创 LeetCode LCR 022. 环形链表 II：返回链表开始入环的第一个节点
LCR 022 题解：利用快慢指针先判环，再通过数学推导（X = nC - Y）定位入环首节点。相遇后，一指针回链表头，两指针同速前进，再次相遇即为入环点。时间O(n)，空间O(1)。
2025-12-18 00:49:31
1069
1
原创 哨兵节点与快慢指针解决链表算法难题
哨兵节点统一链表操作逻辑，简化边界处理；快慢指针高效解决环检测与倒数第N个节点等问题。二者结合可优雅破解多数链表算法题。
2025-12-16 23:43:19
1033
1
原创 LeetCode 第 15 题：三数之和
本文详解三数之和问题，从暴力法到双指针优化，强调排序与去重技巧，将时间复杂度从O(n³)降至O(n²)，并对比两数之和解法，助你掌握算法思维与面试要点。
2025-12-16 00:31:37
615
原创 从 proto 到 null：手写 instanceof 揪出对象的“祖宗十八代”
手写 instanceof 其实就是在原型链上“寻亲”！本文用通俗比喻拆解原型、__proto__ 与 prototype 的关系，带你从零实现一个精准判断对象“血缘”的 insInstanceOf 函数，并揭秘其背后的原型链查找机制。
2025-12-14 23:47:22
672
原创 React 新手村通关指南：状态、组件与魔法 UI
摘要：本文系统讲解 React 入门核心知识，涵盖 JSX 语法、组件化思想、useState 状态管理、条件与列表渲染及事件处理，并通过实战示例演示如何构建动态 UI，帮助开发者快速掌握 React 开发精髓。
2025-12-14 17:07:12
864
1
原创 以前我手动砌 DOM，现在 Vue 给我盖别墅
本文通过对比传统 DOM 操作与 Vue 响应式开发，手把手教你用 ref、v-model、computed 等核心特性轻松实现一个功能完整的 Todos 任务清单，展现数据驱动开发的简洁、高效与快乐。
2025-12-12 12:18:35
1001
原创 从 “手动搬砖“ 到 “自动施法“：界面开发的三次 “渡劫“ 升级记
从后端套模板到前后端分离，再到 Vue 响应式驱动，界面开发逐步实现“数据动、界面动”。核心始终是“数据驱动”：数据即指挥棒，解放开发者于繁琐 DOM 操作，聚焦业务与体验。
2025-12-11 23:24:28
1163
原创 JavaScript 的“后台人生”：内存如何偷偷干活
深入剖析 JavaScript 内存机制，涵盖调用栈、执行上下文、栈与堆的分工、闭包的内存本质及垃圾回收原理。通过实战代码揭示变量存储、函数调用与内存管理的底层逻辑，助你写出更高效、无泄漏的 JS 代码。
2025-12-11 00:35:06
578
原创 别再被 new 骗了！它的底裤我都扒干净了！
本文围绕JavaScript中`new`操作符展开，揭秘其“造空壳、绑this、连家谱、送回家”的实例化四步曲，详解两种手写`new`的实现方式。同时剖析类数组`arguments`的特性、与真数组的区别及转换方法，结合代码案例拆解核心逻辑。文章还点明面试官考察重点，强调理解底层原理的重要性，帮助读者从“会用”升级为“懂原理”，吃透JS面向对象核心知识。
2025-12-10 00:50:46
969
原创 原型继承不翻车：一个空函数如何拯救了父子关系
本文深入浅出地解析 JavaScript 继承的演进之路：从 call/apply 实现实例属性继承，到原型链带来的共享隐患，再到“伪继承”的致命污染。最终通过空函数中介实现安全的原型继承，让子类既能继承父类能力，又不干扰其原型，达成真正优雅的“完美传承”。
2025-12-09 00:33:50
1024
原创 别等了！用 Vue 3 让 AI 边想边说，字字蹦到你脸上
本文手把手教你用 Vue 3 实现 AI 对话的流式输出效果——让回答像打字机一样逐字呈现！通过 DeepSeek API、SSE 协议、ReadableStream 和关键的 buffer 机制，结合 Vite 代理解决 CORS 问题，打造丝滑实时的聊天体验。从项目初始化到核心解析逻辑，揭秘前端如何优雅处理不完整 JSON 片段，让代码既有技术深度，又充满工程师的浪漫。
2025-12-08 17:44:36
1329
1
原创 this 指向大揭秘：为什么你的方法总在“认错爹”？
本文深入解析JavaScript中`this`的核心机制，从词法作用域与动态绑定的本质区别切入，系统梳理new绑定、显式绑定等五种规则及优先级，剖析`this`丢失等经典陷阱，结合实战案例给出严格模式、`bind`、箭头函数等最佳实践，助开发者彻底攻克这一核心难点。
2025-12-07 22:48:40
440
原创 浏览器启动的秘密：从进程到线程的奇妙旅程
本文深度解析Chrome浏览器启动的底层逻辑，从多进程架构的设计初衷切入，详解浏览器进程、渲染进程等核心进程的分工，结合线程协作机制与JS单线程特性，拆解进程与线程的核心区别、协作模式及线程安全设计，揭秘Chrome凭借架构优势成为浏览器赢家的关键，为前端开发者理解浏览器运行机制提供清晰指引。
2025-12-06 08:00:00
540
1
原创 SQL焦虑？不存在的！魔搭AI让数据库查询像聊天一样简单
本文围绕“AI First”理念，详解在魔搭平台构建自然语言生成SQL应用的实操流程。从创建Notebook、搭建SQLite数据库，到获取表结构、调用Qwen模型生成SQL并执行查询，全程零复杂配置，让数据库查询如聊天般简单，充分展现魔搭赋能AI开发的强大实力。
2025-12-05 00:21:31
755
1
原创 B站UP主的“点击即改“黑科技：OOP实现就地编辑，让个性签名“awsl“！
本文聚焦B站个性签名“点击即改”功能，解析就地编辑组件的OOP实现。以`EditInplace`类为核心，从属性设计、DOM创建、状态切换到事件绑定，拆解其“文本-编辑”模式切换逻辑。该封装实现了代码复用与信息隐藏，让用户操作流畅，是前端OOP思想提升体验的典型实践。
2025-12-03 00:27:51
831
原创 JavaScript面向对象编程：从原型到class，跟着加菲猫吃透 JS 面向对象
JavaScript 的面向对象基于原型而非类，从构造函数、原型链到组合继承，再到 ES6 的 class 语法糖，核心始终是“委托”机制。本文以加菲猫为例，深入浅出讲解 this 指向、call/apply 继承、原型查找、hasOwnProperty 安全使用等关键概念，并揭示 class 背后的原型本质，助你彻底吃透 JS OOP。
2025-12-02 01:10:53
721
1
原创 解析 LocalStorage与事件委托在前端数据持久化中的应用
本文通过一个“LOCAL TAPAS”待办事项应用，深入解析了 LocalStorage 与事件委托在前端开发中的核心作用。LocalStorage 实现数据持久化，确保任务不随页面刷新丢失；事件委托则高效处理动态列表的交互，提升性能与可维护性。二者结合，构建出响应迅速、体验流畅的纯前端应用，是现代 Web 开发中不可或缺的最佳实践。
2025-11-30 17:06:35
1004
1
原创 吃透 JS 原型：从构造函数到原型链，一篇讲透核心逻辑
JS原型是其面向对象的灵魂，以“委托”而非传统血缘实现继承。本文从构造函数、prototype、原型链切入，拆解ES6 class语法糖本质，用通俗类比帮你吃透原型逻辑，打通JS面向对象任督二脉。
2025-11-30 00:36:15
776
原创 解锁最小栈：从O(n)到O(1)的效率跃迁
本文聚焦“支持常规操作且常数时间取最小元素”的栈问题。先剖析遍历查找法O(n)的效率瓶颈，再详解辅助栈优化方案——主栈存元素，辅助栈同步记录最小值，通过特定入出栈规则保障栈顶为最小值，实现getMin操作O(1)，附代码与实例解析，清晰呈现优化思路。
2025-11-29 17:29:05
883
1
原创 理解 JS 底层机制：作用域链、词法作用域与闭包的核心逻辑
本文聚焦JS底层机制，从V8引擎执行的编译与执行阶段切入，结合三段经典代码案例，解析调用栈、执行上下文的核心作用，深入阐释作用域链“从内到外”“静态绑定”的查找规则，点明词法作用域由函数声明位置决定的本质，进而拆解闭包的形成条件、底层逻辑与内存机制，帮助开发者理解变量访问、闭包驻存等问题，掌握编写高效JS代码的底层原理。
2025-11-28 00:59:07
1327
6
原创 深入拆解 JavaScript 作用域：从执行机制到 ES6 优化的完整知识体系
本文从V8引擎“编译-执行”双阶段切入，剖析JS执行机制与作用域的关联，详解ES5变量提升的历史成因与缺陷（变量覆盖、泄露），分类阐述全局、函数、块级三类作用域。重点解读ES6“变量环境+词法环境”双环境机制，结合实例说明块级作用域、暂时性死区的实现，最后给出`优先用let/const`等实践建议，助力开发者构建完整作用域知识体系，避开代码陷阱。
2025-11-27 17:59:44
1232
3
原创 栈的全面解析：ADT、实现与应用
本文全面解析栈这一FILO线性数据结构，先介绍其ADT核心操作，再分别用JavaScript实现数组栈与链表栈，详解代码逻辑与关键特性。通过对比两种实现的时间、空间效率，明确数组栈适合数据量稳定场景，链表栈适配动态扩展需求。最后以括号匹配问题为例展示栈的实践应用，还提及函数调用栈等更多适用领域，为开发者提供栈的完整知识与应用指南。
2025-11-26 23:18:02
1234
原创 两数之和：大厂面试官的“算法门面“，你真的会了吗？
“两数之和”是程序员面试高频题，本文深度解析其解法。暴力破解法与indexOf法虽易理解，但时间复杂度均为O(n²)，效率低。而哈希表法以O(n)时间、空间复杂度成最优解，通过“空间换时间”，用哈希表记录已遍历数字，将求和转求差快速匹配。文章还拓展哈希表知识，强调该题考察算法思维，掌握其精髓能助求职者在面试中脱颖而出。
2025-11-25 00:32:20
417
2
原创 【面试题：字符串反转】字符串反转的艺术：多种实现方式全解析
本文聚焦JavaScript字符串反转这一经典问题，拆解了5种实现方法：`split+reverse+join`组合（简洁常用）、传统循环法（低空间复杂度）、递归法（体现递归思维）、`for...of`循环法（ES6清晰语法）及`reduce`函数式方法。还分析各方法的简洁度、复杂度与适用场景，解读面试官考察逻辑，并给出场景化选择建议，帮助开发者按需选用最优方案。
2025-11-24 16:49:21
591
2
原创 深入理解浏览器渲染流程：从HTML/CSS/JS到像素呈现
本文深入解析浏览器渲染流程，从HTML/CSS/JS输入到像素呈现，拆解DOM树、CSSOM树构建，以及渲染树合并、布局与绘制关键阶段。强调HTML语义化对SEO和可访问性的作用，提供关键渲染路径优化、减少重排重绘、用CSS order调整视觉顺序等实践方案，助力前端开发者理解原理，平衡页面性能与用户体验。
2025-11-23 00:18:55
1056
1
原创 从回调到async/await：JavaScript异步编程的进化之路
本文以JavaScript异步编程演进为脉络，结合Node.js fs模块读取文件的实例，详解从ES6前回调函数、ES6 Promise到ES8 async/await的迭代逻辑。先剖析回调函数“错误优先”机制与“回调地狱”缺陷，再解读Promise用resolve/reject封装异步状态、以链式调用解嵌套的优势，最后说明async/await如何通过语法糖让异步代码呈同步逻辑，揭示异步方案“贴近人类思维”的进化本质，助力开发者按需选型。
2025-11-22 11:26:48
971
3
原创 前端调用大模型：从零搭建Vite全栈项目并接入DeepSeek API
本文带你用Vite搭建前端项目，配置.env.local管理DeepSeek API密钥，通过fetch发送HTTP请求实现大模型调用，详解请求结构、async/await等核心知识，附安全防护与工程化实践建议，助力前端LLM开发。
2025-11-22 00:20:29
547
原创 AIGC时代：用自然语言轻松操作数据库
AIGC技术革新数据库操作，使非技术人员也能以自然语言交互。本文聚焦SQLite3与AI的结合，阐述SQLite3优势，讲解Prompt设计要点，分享实战案例，还探讨应用场景、优挑战与未来，助力高效数据交互。
2025-11-21 00:09:40
653
原创 深入理解JavaScript中的深拷贝与浅拷贝：内存管理的艺术
本文围绕 JavaScript 深拷贝与浅拷贝展开，先介绍栈堆内存基础，再阐述浅拷贝共享引用、深拷贝完全独立的特点，讲解 JSON 与递归两种深拷贝实现，分析其局限性、应用场景，给出选择建议与实践方法，助力开发者优化代码。
2025-11-17 22:50:06
832
原创 用 Node.js 手动搭建 HTTP 服务器：从零开始的 Web 开发之旅！
本文介绍用Node.js手动搭建HTTP服务器，说明选择Node.js的原因，给出5行核心代码并解析，详述3步运行验证流程，还讲解BS架构、与传统服务器对比及进阶方向，助读者掌握Web开发基础。
2025-11-16 23:28:05
938
原创 Vibe Coding之道：从Hulk扩展程序看Prompt工程的艺术
在AI编程助手日益普及的今天，我们正经历着编程范式的深刻转变。传统的"手写每一行代码"正在向"精准指导AI生成代码"演进。这种基于氛围和直觉的编程方式，我称之为Vibe Coding。Vibe Coding不是懒散，而是"松弛且高效的协作状态"。它让代码不再是障碍，而是实现创意的工具。
2025-11-16 11:05:27
739
原创 【课程设计】房产中介信息发布系统 （Node.js + Express + MySQL + 前端静态页）
本项目命名为“房产中介信息发布系统”，旨在为中小型房产中介机构提供一套集房源发布、客户自助管理、留言沟通与后台监管于一体的轻量级信息化平台。系统采用前后端分离的方式实现，其中后端基于 Node.js 与 Express 框架构建 RESTful 服务，前端使用原生 HTML、CSS、JavaScript 实现响应式界面，结合会话机制、数据校验与安全策略，为用户提供稳定、易扩展的线上管理体验。
2025-11-15 23:47:31
496
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人