yvvvy

在 React 生态中，单页应用（SPA）的开发离不开 “路由” 这一关键技术。它能让我们在不刷新页面的情况下，实现组件间的灵活切换，打造出类多页应用的体验。而 React...

在前端与 Node.js 开发中，包管理器是连接项目与海量开源依赖的核心工具。从最早的 npm 到后来的 yarn，再到如今备受青睐的 pnpm，每一次迭代都围绕着 “效率...

单点登录（SSO）在多端应用中的设计与实现 在现代 Web 应用架构中，用户往往需要同时使用多个关联的业务系统（如电商平台的商品页、购物车、支付中心）。单点登录（SSO）技...

NATAPP 内网穿透指南：让本地项目轻松 “走出去” 作为前端开发者，你是否遇到过这样的场景：本地调试好的项目想临时分享给同事看效果，却只能让对方凑到你电脑前；对接第三方...

双 Token 认证机制：从原理到实践的完整实现 在现代 Web 应用中，用户认证是保障系统安全的核心环节。随着前后端分离架构的普及，传统的 Session 认证方式逐渐被...

实用为王！前端日常工具清单（调试 / 开发 / 协作工具全梳理) 前端打工人必备神器清单！效率提升200%的日常工具（附血泪踩坑史）...

一个人的城市，一行未定的代码：我的前端实习两月记.手机一震："项目开始,明天报道说。”——我的实习，就这么莽撞地开始了，像一段没调试就跑起来的代码...

1. 从 “回调地狱” 到 Promise 在前端开发的异步编程领域，我们常常会遇到需要处理多个异步操作的情况。早期，使用回调函数来处理异步操作是一种常见的方式，但这种方式...

在前端异步编程中，Promise 的静态方法扮演着至关重要的角色。它们为我们处理多个异步操作提供了简洁而强大的工具，让复杂的异步流程变得清晰可控。本文将深入剖析 Promi...

当我们谈论 Vite 的 “快”，很多人会联想到它基于浏览器原生 ESM 的开发模式。但具体到实现层面，Vite 是如何处理模块加载、解析单文件组件的？结合这段简易的 Vi...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...

在前端开发中，设计模式是解决重复问题的 “通用模板”—— 它不直接提供可运行的代码，却能指导我们写出更易维护、可扩展的逻辑。尤其是在大型项目（如组件库开发、状态管理、工具函...

Redux 作为前端经典状态管理库，核心解决 “组件间状态共享” 与 “状态变更可追溯” 问题，适配大型 React 项目。这篇文章我通过结合手写核心逻辑与现代工具 RTK...

性能优化这件事，说简单也简单，说复杂也复杂。核心思想一句话：让浏览器少干活，还得干得快。 今天这篇文章，我们从最基础的 重绘、重排 开始，聊到 资源加载、JS 执行、框架优...

在前端开发中，性能优化是绕不开的话题，而 缓存（Cache） 则是性能优化中最具性价比的一环。本文从基础概念出发，带你深入理解 浏览器缓存的工作机制，尤其是 强缓存 与 协...

大家好，我是一个从写页面 <marquee> 跑马灯开始的小前端，今天咱们不聊八卦、不聊加班，带大家乘坐“时光机”，穿越 30 年，看 HTTP 这位老哥是怎么从“纸糊马车...

引言 模块效果图 在现代旅游应用中，提供一个智能客服模块可以极大地提升用户体验。通过集成先进的AI技术，我们可以为用户提供实时的旅行建议、解答疑问以及个性化推荐等服务。本文...

引言 效果图 在这个教程中，我们将介绍如何使用 React、Zustand 状态管理库和 Mock.js 来构建一个包含热门推荐和关键词搜索功能的搜索页面。我们将逐步讲解每...

基本概念 定义：栈是一种抽象的数据类型，它遵循先进后出的原则。这意味着最后被添加到栈中的元素将首先被移除。 栈的基本操作 栈支持以下基本操作： Push（入栈） ：向栈中添...

2025年，我们早已习惯用手指滑动屏幕、拖动文件。而这一切流畅体验的背后，HTML5 的 拖拽（Drag and Drop） 功能功不可没。它让网页不再只是“点一点”，而是...