- 博客(90)
- 收藏
- 关注
原创 Node.js 笔试题讲解
本文解析Node前端笔试题,讲解JS事件循环、异步编程、跨域、网络协议等核心考点,提供代码优化与调试方案,覆盖前端基础与工程实践,助力笔试备考与开发提升。
2026-05-21 20:16:21
517
原创 实时通讯三大协议深度对比:HTTP、SSE、WebSocket
本文对比HTTP、SSE、WebSocket 三大通讯协议,剖析三者连接方式与通信差异,点明HTTP 轮询低效、SSE 仅支持单向推送,唯有WebSocket 全双工长连接,是聊天等实时场景最佳选择。
2026-05-19 20:31:37
418
原创 详解:useMemo 和useCallback
本文详解useMemo与useCallback用法区别,二者依靠依赖数组缓存数据与函数,优化组件渲染需搭配React.memo,减少无效重渲染,有效提升React项目运行性能。
2026-05-18 21:17:07
3023
原创 详解:XSS 攻击和 CSRF 攻击
XSS通过注入恶意脚本窃取Cookie冒充用户,CSRF则利用浏览器自动携带Cookie特性诱导用户执行非本意操作。二者本质区别在于:前者是窃取身份,后者是冒用身份。
2026-05-17 18:56:06
388
原创 HTTPS:更安全的HTTP,从加密原理、数字证书到TLS 握手全解析
本文深入解析HTTPS安全机制,从HTTP明文漏洞切入,详解对称与非对称加密配合原理、数字签名及CA证书防中间人攻击逻辑,并拆解TLS协议握手全流程,助你体系化掌握HTTPS核心知识。
2026-05-17 16:03:24
1082
1
原创 讲讲 浏览器的缓存机制
本文详解浏览器缓存机制,包含强缓存与协商缓存。强缓存由Cache-Control控制无需发请求,协商缓存通过ETag、Last-Modified校验返回304;HTML不缓存,静态资源用哈希版本号解决缓存更新,提速并减轻服务器压力。
2026-05-15 20:59:44
599
原创 Harness Engineering 讲解
本文剖析Prompt、Context、Harness三大大模型工程层级,从提问、信息供给到系统搭建层层递进,详解Harness五大核心组件,并结合OpenAI实战,阐述通过上下文管理、验证反馈与技术债清理打造可靠AI Agent的工程方法论。
2026-05-15 18:10:07
664
原创 浅聊ReAct:Agent 的执行框架
ReAct 是 AI Agent 经典执行框架,遵循 Thought-Action-Observation 循环范式。其核心借鉴 CoT 思维链,先推理再执行再观测反馈,虽增加少量 Token 消耗,却能大幅降低工具调用错误率,是智能体开发与面试核心基础。
2026-04-29 23:42:28
616
原创 react:浅聊 vdom 与 diff 算法
本文深入解析虚拟DOM与Diff算法原理,揭示如何通过O(n)复杂度优化实现高效渲染。重点剖析列表更新中Key的“身份证”作用,并用实例展示误用Index导致状态错位的Bug,助你彻底掌握React性能核心。
2026-04-19 18:16:34
321
原创 BFC 块级格式化上下文、两列式布局与三列式布局
BFC是CSS中独立的渲染隔离区域,能解决浮动塌陷、外边距折叠等问题。本文解析其触发机制与布局规则,演示用overflow等属性实现两列、三列自适应布局的方法。
2026-04-10 22:37:01
434
原创 大模型全栈技术图谱:LLM → Token → Context → Prompt → Tool → MCP → Agent → Skill
本文通过8个关卡,详解从LLM、Token到Agent、Skill的大模型全栈技术。结合Claude Code实战,带你从原理到应用,掌握构建超级智能体的核心秘籍。
2026-03-22 17:25:39
771
原创 前后端双令牌认证(Access Token + Refresh Token)全方案实现:安全与体验兼得
本文详细拆解前后端双令牌(Access Token + Refresh Token)认证全方案,涵盖 NestJS 后端签发校验、Axios 前端无感刷新,讲解密码安全、并发处理等关键细节,助力开发者落地兼顾安全与体验的认证方案。
2026-03-15 21:13:26
626
原创 前端经典面试题:从 URL 输入到页面展示,中间经历了什么?
本文详解从URL输入到页面展示的完整流程,涵盖浏览器多进程架构、DNS解析优先级、TCP握手、HTTP交互及导航提交。深度剖析前端、网络与操作系统协同机制,是春招核心考点,助你看懂浏览器底层原理。
2026-03-08 17:21:01
461
原创 合并两个升序链表 与 合并k个升序链表
从合并两个到 k 个升序链表,掌握哨兵节点、双指针与分治思想是关键。暴力法时间复杂度高,分治法优化至 O(kn logk)。理解核心逻辑,轻松应对链表面试题!
2026-02-07 15:52:08
629
36
原创 让图片学会“等你看到再出场”——懒加载全攻略
图片懒加载通过“按需加载”优化性能:首屏优先加载关键资源,非可视区域图片延迟加载。传统方案依赖 scroll + 节流,现代方案推荐使用 IntersectionObserver,性能更优、代码更简洁,显著提升用户体验与页面加载速度。
2026-02-01 15:47:51
714
28
原创 React 手写实现的 KeepAlive 组件
React 手写 KeepAlive 组件,通过缓存 + 显隐控制保留状态,避免组件卸载。适用于 Tab 切换、路由返回等场景,提升性能与用户体验。核心使用 useState 缓存实例,useEffect 监听更新,配合 display 控制显隐。
2026-01-30 17:44:02
964
20
原创 全栈项目 学习日记 (第一章)
本文详细记录了使用 React + TypeScript + Vite 搭建博客系统前端骨架的过程,涵盖 shadcn/ui 组件库集成、Tailwind CSS 配置、Vite 路径别名设置、TypeScript 路径映射及 React Router 路由懒加载实现,为后续全栈开发奠定坚实基础。
2026-01-28 23:31:01
788
8
原创 Nest.js 框架 企业级开发通关手册
从零入门 Nest.js,详解模块、控制器、服务三大核心,实战集成 PostgreSQL,掌握依赖注入与企业级架构规范,让 Node.js 后端开发告别“野路子”,打工人也能写出高可维护代码!
2026-01-18 19:08:40
1703
43
原创 Zustand 状态管理:轻量高效的 React 状态解决方案✨
Zustand 是 React 生态中轻量、灵活的状态管理库,无 Provider 侵入、支持细粒度订阅与原生异步操作,搭配 TypeScript 和持久化中间件,轻松实现高效全局状态管理。
2026-01-16 16:15:38
1339
54
原创 把大模型装进自己电脑:Ollama 本地部署大模型完全指南
本文手把手教你使用 Ollama 在本地部署开源大模型(如 Qwen、Llama3),无需上传敏感数据,保障隐私安全。涵盖安装、模型拉取、API 调用及 JavaScript 实战,轻松实现离线智能对话,兼顾低成本与高可控性。
2026-01-10 17:13:02
3509
62
原创 闭包陷阱:React 最迷惑的坑【渲染千万遍,闭包只认第一面】
React 函数组件中,闭包常因捕获旧状态导致“状态冻结”陷阱。本文通过定时器示例深入剖析成因,并提供三种解决方案:补全依赖数组、使用 useRef 同步最新值、递归 setTimeout,助你彻底避开闭包坑!
2026-01-05 15:15:39
1351
49
原创 React 之 自定义 Hooks
本文深入拆解 React 自定义 Hooks 核心价值,从复用逻辑、简化组件的底层原理出发,结合实战案例对比不同实现方案,详解封装技巧与避坑指南,助力开发者高效打造高可复用的前端业务逻辑。
2026-01-03 17:15:44
1300
28
原创 React Hooks :useRef、useState 与受控/非受控组件全解析
本文深入解析 React 中 useRef 与 useState 的核心区别,对比受控组件与非受控组件的使用场景,助你掌握表单处理的最佳实践,写出更高效、可控的 React 代码!
2026-01-02 01:24:53
1269
21
原创 高频事件的“冷静剂” 闭包的实用场景:防抖与节流
本文详解防抖与节流的原理与实现,借助闭包优化高频事件处理:防抖“等停止再执行”,适用于搜索;节流“按间隔执行”,适用于滚动。有效减少请求、提升性能与体验。
2025-12-30 23:35:17
689
12
原创 函数柯理化:面试官的 “心头好”,今天咱给它扒得明明白白
柯理化是将多参函数转为一系列单参函数的技术,核心依赖闭包存参、递归收参。虽实战少用,却是面试高频考点,掌握它有助于理解函数式编程与JS核心机制。
2025-12-29 22:49:55
928
5
原创 LangChain 三 : Tools 工具
本文深入讲解 LangChain Tools 的核心原理与实战用法,通过天气查询和加法计算两个示例,展示如何为大模型赋予“手脚”,突破其知识边界,实现从“会聊天”到“能办事”的关键升级。
2025-12-29 00:45:00
1094
5
原创 二叉搜索树 BST 三板斧:查、插、删的底层逻辑
本文全面解析二叉搜索树(BST)的定义、特性及核心操作,包括查找、插入与删除的逻辑与代码实现,深入探讨中序遍历的有序性、时间复杂度及删除节点的三种情况,助你掌握BST原理并应对面试与实战。
2025-12-28 15:00:58
875
7
原创 LangChain 二:输出结果定制与历史管理能力详解
LangChain 通过 JsonOutputParser 实现结构化输出,结合 Zod 定义 Schema;利用 RunnableWithMessageHistory 管理对话历史,支持多轮记忆,提升 AI 应用实用性与用户体验。
2025-12-28 10:11:00
1084
9
原创 TailwindCSS:从“样式民工”到“UI乐高大师”的逆袭
从前写样式头疼又重复,如今 TailwindCSS 让开发如搭乐高般丝滑!本文从传统 CSS 痛点出发,详解原子化思想、React 集成、响应式实战,并揭秘 AI 如何助力高效生成 Tailwind 代码,助你彻底告别样式混乱,走上前端开发快车道!
2025-12-27 09:49:22
1401
15
原创 单向数据流不迷路:用 Todos 项目吃透 React 通信机制
本文通过一个完整的 React 待办清单项目,深入浅出地讲解了组件通信的三大核心模式:父传子(props)、子传父(回调函数)和兄弟组件通信(状态提升至共同父组件)。结合 useState、useEffect 与 localStorage,实现数据驱动与持久化,让你在实战中掌握 React 单向数据流的精髓。
2025-12-24 22:34:03
1091
11
原创 告别搬砖!LangChain 让大模型开发像拼乐高一样爽
LangChain 让大模型开发从“搬砖”变“搭积木”🧱!通过适配器统一调用不同模型,用提示词模板提升复用性,再借链式流与序列化编排轻松构建复杂AI工作流。告别重复代码,专注业务逻辑,效率原地起飞!
2025-12-23 23:14:14
934
10
原创 爬楼梯问题:从递归到动态规划再到闭包的进化之路
本文围绕经典爬楼梯问题,拆解从递归到动态规划再到闭包的优化之路。先分析问题本质与递归公式,指出纯递归重复计算、易爆栈的缺陷;再介绍数组和HashMap缓存的动态规划解法,以空间换时间提升效率;最后通过闭包优化全局缓存的递归方案,解决状态污染问题。还梳理面试官高频提问,展现编程思维的递进与优化逻辑。
2025-12-22 19:17:17
663
7
原创 React 项目搭建の正确打开方式,React 小白也能丝滑起飞
本文从零开始,使用 Vite 初始化 React 项目,配置路由、创建页面组件,并结合 useState 和 useEffect 实现数据请求,带你搭建一个结构清晰的现代单页应用(SPA)基础架构。
2025-12-21 23:31:17
1314
3
原创 现代前端开发工程化:Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目
本文手把手教你使用 Vite 从零搭建 Vue3 项目,涵盖工程化架构、多页面路由配置及开发工具推荐,助你快速掌握现代前端开发核心流程与规范。
2025-12-21 18:14:43
2043
5
原创 列表转树结构:从扁平列表到层级森林
列表转树结构是前端常见需求,可通过递归(O(n²))或HashMap(O(n))实现。前者简洁易懂,后者高效适合大数据。适用于菜单、省市区、评论嵌套等场景,体现“存时扁平,用时树形”的设计思想。
2025-12-20 23:21:13
805
3
原创 React 之 Hooks
React Hooks 如 useState 和 useEffect 赋予函数组件状态与副作用处理能力,提升逻辑复用性与代码可维护性。理解纯函数、副作用及依赖数组机制,是掌握 Hooks 的关键。
2025-12-19 18:44:04
1218
2
原创 二叉树深度解析:从基础结构到实战应用
二叉树是重要的非线性数据结构,具有递归特性,广泛应用于搜索、索引等领域。本文系统讲解其定义、节点构建、四种遍历方式(前序、中序、后序、层序)、核心性质及实际应用,并提供代码实现与学习建议。
2025-12-18 23:20:12
1008
2
原创 LeetCode LCR 022. 环形链表 II:返回链表开始入环的第一个节点
LCR 022 题解:利用快慢指针先判环,再通过数学推导(X = nC - Y)定位入环首节点。相遇后,一指针回链表头,两指针同速前进,再次相遇即为入环点。时间O(n),空间O(1)。
2025-12-18 00:49:31
1180
2
原创 哨兵节点与快慢指针解决链表算法难题
哨兵节点统一链表操作逻辑,简化边界处理;快慢指针高效解决环检测与倒数第N个节点等问题。二者结合可优雅破解多数链表算法题。
2025-12-16 23:43:19
1104
2
原创 LeetCode 第 15 题:三数之和
本文详解三数之和问题,从暴力法到双指针优化,强调排序与去重技巧,将时间复杂度从O(n³)降至O(n²),并对比两数之和解法,助你掌握算法思维与面试要点。
2025-12-16 00:31:37
720
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅