天天扭码

🧩 React Fragment 的底层原理：为什么它能“包裹却不包裹”？ 🌟 前言：为什么需要 Fragment？ 在早期的 React 中，我们写组件时遇到一个经典...

这是手写题合集的一个片段，发出来是因为我觉得很久没发文章了，至于手写题合集啥时候能发出来，我也不知道 四、手写防抖函数 在事件被频繁触发时，只执行一次（或特定时机执行一次）...

在 React 开发中，状态管理一直是开发者关注的核心问题。随着应用规模的增长，组件间的状态共享与管理变得越来越复杂。传统的 useContext 和 useReducer...

引言：为什么我们需要另一个状态管理库？ 🤔 在React生态系统中，状态管理一直是个热门话题。从最初的React Context到Redux，再到MobX、Recoil，...

前言 在React开发中，性能优化是一个永恒的话题。今天我们就来深入探讨React提供的三个重要性能优化工具：memo、useMemo和useCallback，它们如何帮助...

Vue2的API设计是Options（配置）风格的。 Vue3的API设计是Composition（组合）风格的。 Options API 的弊端 Options类型的 A...

在现代 Web 开发中，尤其是 WebGL 场景中，性能就是一切。Three.js 让我们轻松打造炫酷 3D 世界，但一旦你加入大量逻辑计算，比如粒子模拟、路径规划、物理引...

OBB + 分离轴定理（SAT）的碰撞检测之术 🧠 引子：什么是 OBB？ 我们都听说过 AABB（轴对齐包围盒），它就像你搬家打包用的纸箱——永远正对 X、Y、Z 轴。...

一、为什么JWT成为现代Web开发的首选？ JWT 全称 JSON Web Token，是一种基于 JSON 的轻量级身份认证规范。它就像我们进出小区的门禁卡 —— 初次登...

本文通过实战案例介绍轻量级React状态管理库Zustand，展示如何用其极简的Hooks API告别繁琐，轻松实现含异步逻辑的全局状态管理，大幅提升开发体验。...

React性能优化指南：详解`React.memo`与`useCallback`如何通过稳定函数引用，避免子组件不必要的重复渲染，并结合`useMemo`缓存复杂计算，让应...

本文字数1000+ ，阅读时间大约需要 6分钟。 AI智能体正在颠覆App开发，不转型就淘汰！两句话，让Claude Code + Kimi K2 跑了3小时爬完17个竞品...

引言 在React应用开发中，性能优化是一个永恒的话题。随着应用规模的增长，组件的不必要重新渲染会成为性能瓶颈。React提供了三个强大的工具来帮助我们优化性能：React...

一、项目概述 本项目是一个基于 React 的前端应用，实现了 用户登录、权限控制、路由保护 等功能。通过使用 Zustand 状态管理、React Router 路由系统...

引言 在上一篇文章中，我们对响应式系统有了宏观的认识，理解了它如何通过数据驱动的方式，实现用户界面的自动化更新。然而，这种“自动化”的背后，隐藏着一套精妙的数据追踪和通知机...

在整个流程中，我们通过 环境搭建→模拟接口→JWT生成→请求拦截→身份验证 五个步骤，确保前端能安全访问受保护的资源。...

引言 在 React 开发中，组件化是核心思想之一。然而，随着项目规模的增长，组件之间的交互和样式管理变得越来越复杂。本文将重点讲解两个在 React 开发中常见的关键知识...

本文详解了React中JWT登录鉴权的完整实现，涵盖NavBar导航栏动态渲染、RequireAuth路由守卫原理及Zustand状态管理，通过路由跳转控制与Token验证...