Yira

哈喽，掘金的各位全栈练习生们！👋 欢迎回到 AI 全栈项目实战 的第十一天！ 前十天，我们像搭积木一样，从前端组件、状态管理，到后端的数据库连接、API 开发，一步步构建...

在当今人工智能迅猛发展的时代，大语言模型（LLM）驱动的聊天机器人已成为人机交互的核心界面。然而，用户所看到的“打字机式”逐字回复并非魔法——它背后是一整套精心设计的流式输...

在构建现代 Web 应用时，用户身份认证（Authentication）与权限控制（Authorization）是保障系统安全的核心环节。NestJS 凭借其模块化架构与对...

现在大厂面试中，算法题几乎为必考项，且近几年频现 LeetCode 真题，此篇为拿到字节、腾讯、京东 Offer 的笔者本人在准备面试过程中亲自刷过以及遇到过高频算法题。文...

哈喽，掘金的各位全栈练习生们！👋 欢迎回到 AI 全栈项目实战 的第九天！ 昨天，我们成功打通了后端的“任督二脉”，用 NestJS + Prisma 连接了数据库，让我...

一、为什么一个幻灯片组件值得单独写一篇？ 很多同学会觉得： 但在真实项目（尤其是首页、活动页、AI 产品的内容入口）中，它往往意味着： 页面首屏核心组件 高频渲染、长时间驻...

一、Post List 是 UI 问题，还是数据问题？ 在很多博客 / 社区 / AI 内容产品中，都会有一个核心页面： 表面上它是一个 UI： 卡片列表 分页 点赞数 /...

真正的高性能体验，不是“堆硬件”，而是“精调度”。本文将带你深入 React 生态下两大核心优化技术——**图片懒加载 + 无限滚动**...

🌲 列表转树结构详解：将扁平化的列表数据转换为树形结构。递归与哈希优化实现，涵盖原理、代码、应用场景及面试要点。...

💰【LeetCode Hot100 刷题日记 （77/100）】121. 买卖股票的最佳时机 —— 贪心算法 & 一次遍历优化...

哈喽，掘金的小伙伴们！👋 欢迎来到 React 进阶实战！ 在 Vue 中，我们有一个非常好用的内置组件 <keep-alive>，它可以让组件在切换时“不被销毁”，而是...

NestJS+React+Zustand 全栈开发学习笔记 本文基于实际项目代码片段，系统梳理全栈开发中涉及的核心知识点，包括 React 钩子使用规则与 Zustand ...

🔐 从零讲透 NestJS 用户注册系统：DTO 校验、安全加密、并发防护与面试高频考点全解析 在现代 Web 开发中，用户注册看似简单，实则暗藏玄机——数据校验、密码安...

Nest + Prisma 后端开发学习笔记：从框架入门到数据库实操 在现代后端开发中，选择高效的框架与ORM工具能大幅提升开发效率、降低维护成本。Nest 框架以其高度模...

本文分享如何在 NestJS 项目中使用 Prisma 实现数据库交互、DTO 验证和 API 路由配置，提升开发效率。...

哈喽，掘金的各位全栈练习生们！👋 欢迎回到 AI 全栈项目实战 的第十天！ 昨天，我们用 观察者模式 给图片加上了懒加载，让文章列表的图片“按需分配”，大大提升了首屏性能...

在现代前端开发中，用户对页面性能和体验的要求越来越高。尤其是在内容型应用（如资讯、社区、博客）中，首页往往需要展示大量文章列表，如何高效地加载数据和资源，成为提升用户体验的...

React 中实现首页“保活”：解决频繁切换导致的重复加载问题 在现代单页应用（SPA）中，比如美团、天猫这类 App，用户经常在首页和其他页面（如商品详情、个人中心）之间...

在前端开发中，用户体验至关重要。然而，许多高频触发的用户交互——例如快速输入搜索关键词、调整浏览器窗口大小、或者快速滚动页面——往往会产生大量的事件。如果我们直接将复杂的任...

📚在 JavaScript 的世界中，深入解析 JavaScript 中的 this 关键字，涵盖四大绑定规则、箭头函数特性及常见陷阱，助你彻底掌握其行为逻辑！🚀...