YHHLAI-CSDN博客

原创从零搭建一个 RESTful Todo 服务 —— Bun + TypeScript 全栈最小闭环

本文介绍了如何使用 Bun 和 TypeScript 构建一个极简的 RESTful 任务清单后端服务。主要内容包括：通过 TypeScript 接口定义数据结构使用内存数组模拟数据库存储利用 Bun.serve 快速搭建 HTTP 服务器实现 RESTful 风格的路由（GET 请求）配置 CORS 解决跨域问题前端通过 fetch API 两种方式（Promise 和 async/await）消费接口项目仅包含 3 个文件，结构清晰，完整演示了从前端到后端的数据流。适合作为学习 Bun 和

2026-06-12 00:13:11 295

原创从零理解树与二叉树 —— 概念、实现与遍历

本文介绍了数据结构中树的基本概念，重点讲解了二叉树的定义、表示方法及四种遍历方式。树是一种层次结构，由根节点、边和叶子节点组成。二叉树每个节点最多有两个子节点，区分左右子树。文章详细阐述了前序、中序、后序和层序遍历的实现方法及特点，并对比了它们的访问顺序。此外，通过爬楼梯问题展示了树状结构与递归的关联性，强调了递归三要素：问题拆解、递归公式和退出条件。树和递归是算法中重要的基础概念，理解它们对解决复杂问题至关重要。

2026-06-11 17:43:36 495

原创搞懂 JS 八大数据类型，前端基础与面试一网打尽

JavaScript数据类型分为原始类型和引用类型。原始类型包括Number、BigInt、String、Boolean、Null、Undefined和Symbol（ES6新增），存储在栈内存中，赋值是值拷贝。引用类型只有Object，存储在堆内存中，赋值是引用传递。Null表示有意设置的空值，Undefined表示未定义的值。Number采用双精度浮点数，不擅长精确计算；BigInt用于超大整数；Symbol保证唯一性。理解内存分配机制（栈存储原始值和引用地址，堆存储对象）对掌握变量赋值和修改行为至关重要

2026-06-11 00:56:53 276

原创搞定前端线性数据结构：栈、队列、链表一次吃透

本文系统介绍了四种基础线性数据结构：数组、栈、队列和链表。首先阐述了线性结构的核心特征（元素有唯一前驱和后继），然后详细分析了JavaScript数组的增删方法及其性能特点。重点讲解了栈（LIFO）和队列（FIFO）的概念与实现方式，并通过雪糕和买票的生动类比帮助理解。文章深入剖析了链表的离散存储特性，对比其与数组在访问、增删操作上的复杂度差异，揭示链表适合大规模频繁增删场景的优势。最后指出JS数组的特殊性（可能退化为哈希表）及sort方法的陷阱。全文通过代码示例和对比表格，清晰展现了各数据结构的核心特性和

2026-06-10 21:27:51 321

原创 JavaScript 同步异步精讲：单线程、事件循环、Promise 执行机制

JavaScript采用单线程设计以避免多线程冲突，但通过异步机制解决了耗时任务阻塞问题。文章解析了JS同步异步执行原理：主线程优先执行同步代码，异步任务（定时器、网络请求等）由事件循环托管，待同步代码完成后才执行回调。Promise作为异步流程控制方案，通过resolve/reject状态和.then/.catch链式调用，解决了异步任务顺序依赖问题。文章包含进程线程对比、执行机制演示和Promise实战代码，帮助读者深入理解JS单线程下的异步执行模型。核心结论：JS遵循"先同步后异步"原则，Pro

2026-06-09 23:45:13 396

原创 JavaScript 数据结构精讲：数组底层与实战避坑

本文深入解析JavaScript数组的核心原理与实战应用，涵盖以下重点内容：数组基础特性：JS数组支持动态类型、动态扩容，底层采用连续内存空间存储，通过偏移量快速查询。关键API用法：详细对比push/pop/unshift/shift等方法的返回值差异，强调它们都是修改原数组的非纯函数。三种创建方式： new Array(长度)生成空槽位数组 fill()填充基本类型值推荐使用字面量[]创建遍历方法选型： for循环性能最优且可中断 for...of简洁但无索引 forEach便捷但无法brea

2026-06-09 23:26:51 253

原创告别传统开发！Bun + TS 解锁前端新体验

Bun + TypeScript：新一代前端与AI开发利器摘要： Bun作为Node.js的强力升级版，具有启动快、零配置、内置包管理等优势，被Anthropic收购后成为AI开发主流选择。搭配TypeScript的强类型特性，能有效解决JS弱类型导致的隐式转换等问题。文章详细介绍了Windows一键安装Bun的方法、常用命令，并通过HTTP请求调用LLM接口的实战案例，展示了Bun+TS组合在AI开发中的高效应用。该技术栈显著提升开发效率，规避潜在bug，正成为智能工程开发的新标准。

2026-06-08 23:47:23 243

原创前端 HTTP 请求 & LLM 接口开发

本文介绍了前端HTTP请求的两种原生方式：现代fetch API和传统XMLHttpRequest(XHR)，并对比了它们的实现方法。fetch基于Promise，代码更简洁；XHR则需要手动处理状态和回调。文章还涵盖了前后端分离架构、异步编程模式，以及服务端访问规则（IP+端口+域名解析）。针对大模型接口调用，提出了官方SDK和原生HTTP两种方案。最后推荐了企业级项目常用的Axios库，并建议开发者查阅MDN文档深入学习相关API。全文提供了清晰的代码示例和关键概念解析，适合前端开发者系统了解网络请求相

2026-06-06 21:22:35 164

原创 Prompt 做 NLP 任务开发｜ES6 + 模块化

本文介绍了如何利用ES6语法和模块化工程思想，结合Prompt技术快速搭建前端NLP文本处理系统，无需复杂机器学习算法。主要内容包括： ES6核心特性：块级变量声明(let/const)、解构赋值、展开运算符、ESM模块化语法，为工程化开发奠定基础。前端工程化实践：通过模块化拆分NLP项目结构，包括入口文件(main.mjs)、客户端封装(client.mjs)和业务逻辑(completion.mjs)，实现代码解耦和复用。 Prompt工程应用：展示如何通过简单指令快速实现文本情感分析等NLP任务，大幅

2026-06-06 21:21:30 309

原创 JS 原型与面向对象核心知识点

📝 JavaScript 原型式面向对象核心解析 🔹 核心特点：JS 无类，通过函数+原型实现面向对象，new 调用构造函数时自动完成实例初始化，this 指向新对象。 🔹 原型机制：函数拥有 prototype，存放共享方法；实例通过 __proto__ 访问原型链，属性查找沿链向上（终点 null）；所有对象顶层为 Object.prototype。 🔹 关键规则：普通函数 this 指向全局，构造函数 this 指向实例；原型对象含 constructor 回指构造函数。 💡 总结

2026-06-06 00:39:38 218

原创 JS执行机制（执行上下文 + 调用栈 + 编译流程）

文章摘要：本文系统解析JavaScript执行机制，围绕执行上下文（含变量环境、词法环境、执行代码）和调用栈展开，详解JS预编译四步骤及ES6的let/const革新（块级作用域、暂时性死区）。通过8道大厂真题（如变量提升优先级、同名标识符冲突、var/let作用域差异），对比var与let/const的核心差异，并总结JS执行流程：先编译预解析，后逐行执行。掌握这些底层原理是破解前端面试重难点的关键，彻底解决变量泄露、提升异常等问题。

2026-06-06 00:37:42 1376

原创 AI 客服智能体搭建与知识库

摘要： Coze平台支持零代码快速创建AI Agent，通过大模型（大脑）与工具（手脚）结合实现自主任务处理。针对大模型数据滞后与私有化缺失问题，可通过搭建专属知识库补充专业资料。以客服智能体为例，需设定明确Prompt规范（如人设、边界）并上传清洗后的多格式数据源（文档、表格等）。企业级"知识库+智能客服"方案能显著提升回答精准度，垂直领域AI Agent的定制化服务优于通用模型，成为当前主流需求。

2026-06-05 13:09:19 342

原创 [特殊字符] 拼多多大厂笔试题——正则表达式

正则表达式是前端面试高频考点，尤其在拼多多等大厂笔试中常出现。本文以手机号校验为例，详细解析正则规则和易错点：必须11位数字、以1开头、第二位排除0-2，需使用/^1[3-9]\d{9}$/进行严格匹配。文章还总结了正则核心语法（\d、[]、{}、^$等）、JS数据类型基础，并演示了数字提取、字符串替换和模板渲染等实战场景。最后提供了可直接使用的手机号校验函数，帮助开发者掌握正则匹配的核心逻辑，轻松应对笔试和工程需求。

2026-06-05 00:25:16 279

原创从规范到落地：前端按钮页面标准化开发

本文系统讲解了按钮页面的标准化开发流程，涵盖四大核心维度：HTML5语义化标签搭建合理页面结构，BEM国际命名规范统一代码体系，CSS重置样式消除浏览器兼容问题，以及微信UI细节适配实现精准视觉还原。通过语义化分区布局、模块化命名规则、样式统一初始化、严格遵循设计规范等标准化方法，开发者能够构建结构清晰、命名规范、兼容性强、还原度高的按钮页面，有效解决开发中的常见痛点，提升代码质量和开发效率。

2026-06-02 23:40:06 478

原创 Generative AI工程化开发技术实践与流程

本文系统梳理了生成式AI（AIGC）工程化开发的标准化流程与核心技术要点。首先介绍了基于Node.js的项目初始化规范，推荐使用pnpm进行轻量化依赖管理，并通过.env与.gitignore实现API密钥安全配置。其次强调模块化开发优势，建议采用ES6模块化规范（.mjs文件）提升代码可维护性，并推荐nodemon工具实现高效调试。针对AI开发的核心异步场景，重点解析了async/await语法在接口调用中的流程管控作用。最后总结出从项目搭建、安全配置到异步开发的标准化五步流程，突出AIGC工程在安全性、

2026-06-02 23:00:41 182

原创吴恩达AI应用中的Prompt工程核心原理与实践方法

随着大语言模型技术的快速普及，AI应用开发不再局限于复杂的算法编程，Prompt工程逐渐成为普通人与开发者落地AI场景的核心能力。

2026-05-31 17:29:42 554

原创技术成长之路（1）

本文系统回顾了博主近期的技术成长轨迹，呈现出一条从基础夯实到前沿探索的完整学习路径：首先深入JavaScript语言特性、算法优化和Git工程化实践等编程根基；随后拥抱AI浪潮，从大模型应用开发入门到全栈项目实战，并探讨AI智能体开发等新模式；最后聚焦React+TS等技术栈实践及AI赋能前端3D等前沿方向。文章展现了博主构建技术知识体系的系统性思考，既包含语言基础、工程规范的深度解析，又涵盖AI全栈开发、人机协同编程等创新实践，为技术成长提供了可复制的学习范式。

2026-05-30 22:40:18 184

原创从混乱到秩序：ES6如何重塑JavaScript的变量世界

JavaScript从1995年诞生时的简单脚本语言，发展到如今支持大型应用的核心技术，经历了重大变革。文章聚焦ES6引入的let和const对变量机制的革新：var存在作用域混乱、变量提升、重复声明等问题；let/const则带来块级作用域、暂时性死区等五大特性，使变量管理更加严谨。作者建议开发中默认使用const，需要重新赋值时用let，完全弃用var，以提升代码的可维护性和可靠性。这一演进体现了JavaScript从"能用"到"工程化"的成熟过程。

2026-05-30 14:48:10 469

原创 AI开源生态与大模型应用开发入门探析(python)

从依托优质开源平台获取模型资源，到利用适配性极强的Python语言开展算法实验，再到通过标准化接口调用大模型能力、借助高级Prompt优化输出效果，每一环都是AI应用开发的基础核心。

2026-05-28 19:59:30 209

原创 FDE前沿部署工程师：重塑AI产业落地的核心新势力

当下人工智能行业正迎来关键转型拐点，彻底告别了单纯比拼模型参数、上下文长度、跑分成绩的技术内卷时代。从传统软件工程师依托AI辅助开发，到提示词工程师聚焦模型指令优化，再到智能体工程师搭建自主执行AI工具，AI岗位迭代始终贴合技术发展节奏。而如今，FDE（Forward Deployed Engineer，前沿部署工程师）强势崛起，成为AI圈最具价值的新兴岗位。

2026-05-27 22:34:31 586

原创大厂面试题——数组去重

数组去重是前端面试高频考点，考察开发者对数组API、数据结构、时间空间复杂度的掌握程度。文章系统分析了五种主流解法：1）双重循环（兼容性强但性能差）；2）indexOf（简化代码但无法识别NaN）；3）排序相邻（性能优化但破坏顺序）；4）哈希表（O(n)时间复杂度但占用内存）；5）ES6 Set（简洁高效但需环境支持）。最佳实践建议：老旧项目用indexOf/双循环，大数据量用哈希表，现代项目首选Set。面试时需注意工程化规范，包括参数校验、代码注释和测试用例验证。

2026-05-27 22:04:50 319 1

原创 Users Chat AI全栈项目模块化开发实战解析

本文系统阐述了Web全栈开发的工程化进阶路径，以UsersChatAI项目为例，详细解析了前后端分离架构的实现方案。项目采用模块化开发模式，严格遵循单一职责原则；后端基于RESTful规范设计标准化接口，实现CRUD完整映射；前端运用HTML5语义化标签和DOM编程原理，优化页面结构与性能。通过分层数据存储方案和Node.js工程化环境搭建，项目构建了从开发调试到商业落地的完整闭环体系，重点培养开发者的规范化思维和全栈协作能力，具有显著的学习价值和商业复用价值。

2026-05-25 23:27:23 597

原创 Git核心原理、实操用法与核心重点详解

本文系统介绍了Git分布式版本控制系统的核心架构与使用方法。Git通过分布式存储和快照式版本管理，解决了传统开发中的文件丢失、版本混乱等问题。主要内容包括：1）Git的分布式架构原理，区分远程中央仓库和本地仓库；2）本地仓库初始化与.git目录解析；3）首次使用的全局账号配置；4）本地版本管理的核心指令流程（status/add/commit）；5）远程仓库关联与代码同步方法；6）Git操作规范与注意事项。文章强调规范使用Git能有效提升开发安全性和协作效率，是开发者必备的基础技能。

2026-05-22 19:18:20 654

原创基于Claude Code的AI Coding Agent智能开发模式与实践

摘要：ClaudeCode作为新一代AI编程智能体，基于Node.js生态构建，通过创新的Plan规划模式和最小权限安全机制，实现了从代码生成到项目维护的全流程智能化开发。该工具采用问答式需求梳理和分步执行策略，显著降低开发门槛；通过文件权限控制和自动文档生成功能，有效解决老旧项目维护难题。研究表明，ClaudeCode在提升开发效率、规范代码质量、保障项目安全等方面具有显著优势，为AI编程工具从辅助补全向自主开发的转型提供了实践范例，展现了智能体技术在软件开发领域的应用潜力。

2026-05-21 21:29:57 549

原创基于React+TS+Tailwind CSS的Foodiez外卖应用落地页设计与实现

本文探讨了基于React+TypeScript+TailwindCSS技术栈开发Foodiez外卖应用落地页的全过程。通过组件化架构和响应式设计，构建了包含导航栏、英雄区等9个核心模块的高转化率营销页面。采用FramerMotion实现流畅动画效果，严格遵循WCAG标准进行可访问性优化。研究结果表明，该技术组合能有效提升开发效率和页面性能，实现产品价值传递与用户引导目标。未来可结合AI推荐等新技术进一步优化用户体验。

2026-05-21 09:34:57 375

原创 AI全栈工程师：OPC模式下的一人闭环开发模式研究

AI全栈工程师凭借对多领域技术的掌握和AI工具的熟练运用，成为OPC理念的最佳践行者，他们打破了产品、设计、开发、测试等岗位的边界，以“一人成军”的模式，大幅提升项目开发效率，降低开发成本，为软件开发行业的轻量化、高效化发展提供了新路径。与传统全栈工程师相比，AI全栈工程师更注重AI工具的应用，将AI作为核心辅助手段，替代传统多岗位的部分工作，同时具备全局思维，能够从项目整体出发，统筹需求、设计、开发、运营等各个环节，既是项目的“决策者”，也是“执行者”。

2026-05-20 22:59:44 641

原创 AI Native赋能前端3D：从Prompt到可交互“小世界”的技术跃迁

本文探讨了物理大模型技术在前端3D开发中的应用，提出基于AINative理念的轻量化开发模式。研究以"3D小世界编辑器"为实践案例，通过结构化Prompt设计将业务需求转化为Three.js代码，实现8x8网格场景编辑功能。结果表明：1）精准PromptEngineering可有效降低开发门槛；2）领域知识是AI赋能开发的基础；3）程序员核心竞争力正向"业务导向+AI赋能"转型。该实践为物理大模型在数字孪生、工业4.0等领域的应用提供了轻量化解决方案参考。

2026-05-20 12:37:49 494

原创 AI时代高效编程新范式——吴恩达AI

氛围编程（Vibe Coding）是吴恩达AI编程体系中极具创新性的理念，其核心是倡导一种轻松、高效的编程氛围，让开发者摆脱繁琐的代码编写体力劳动，将精力集中于需求规划、功能设计与决策判断。所谓“Vibe一下”，本质上是一种高效的人机交互模式——开发者无需纠结于代码语法细节，只需通过自然语义与AI沟通，传递清晰的需求意图，就能让AI完成代码的全部实现。吴恩达提出的“提示词工程+氛围编程”AI编程范式，为AI时代的软件构建提供了全新的思路与路径。

2026-05-18 10:35:10 402

原创 (题解)

从幼儿园回家后，她给哥哥讲了个老师布置的题目：用四根不同颜色的小棒拼出一个三角形（自然有一根是多余的）。但很快他发现情况可能很复杂：有时无法拼出有面积的三角形，但能拼出退化的三角形；皮尔洛知道密码由不同数字组成，且很可能关于终端中央按钮对称。如果单词 t 是单词 s 的反向拼写，则输出 YES，否则输出 NO。第一行包含四个用空格分隔的正整数（均不超过100），表示小棒的长度。这个终端是一个3 × 3的方形数字键盘，按键数字从1到9。如果密码关于终端中央按钮对称，则输出YES，否则输出NO。

2025-10-19 21:59:37 519

原创周学习心得

2.性能上：在时间复杂度上，两段代码都是 O(N2)，因为都需要对每对学生进行比较。不过在空间复杂度和实际运行过程中，第一段代码在读取一个学生成绩后就开始比较，在某些情况下可能会稍微节省一点内存的使用，因为不需要一次性将所有学生的成绩都存储在内存中再进行比较，但这种差异在本题的数据规模下几乎可以忽略不计。1.逻辑上：两段代码的逻辑是完全相同的，都是要找出所有“旗鼓相当的对手”的对数。所以是的，fgets 是一个常用的输入函数，特别适合处理字符串输入。· 用于表示对象的大小（字节数）或数组的索引。

2025-10-19 21:47:30 921

原创【无标题】

printf("最大值位置：第%d个元素\n", (int)(max_ptr - &arr[0]) + 1);printf("最小值位置：第%d个元素\n", (int)(min_ptr - &arr[0]) + 1);printf("最大值：%d (地址：%p)\n", *max_ptr, max_ptr);printf("最小值：%d (地址：%p)\n", *min_ptr, min_ptr);printf("请输入%d个整数：\n", n);printf("请输入%d个整数：\n", n);

2025-10-13 12:36:01 614

2503_93701293的博客