首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Recat
每天开心
创建于2025-07-20
订阅专栏
本专栏收录react核心考点,从零基础到高阶
等 3 人订阅
共23篇文章
创建于2025-07-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
JWT 双 Token 认证机制:从实现到原理的深度解析
在现代 Web 应用中,身份认证是保障系统安全的核心环节。随着前后端分离架构的普及,JWT(JSON Web Token)凭借其无状态特性成为主流认证方案。而双 Token 机制则是在 JWT 基础上
从零开始:使用 Expo 构建你的第一个 React Native 应用
前言 React Native 是一个强大的框架,允许您使用 JavaScript 和 React 构建跨平台的移动应用。而 Expo 是一个基于 React Native 的开发平台,它极大地简化了
打造宠物专属时尚:基于AI的宠物智能衣柜设计
前言 今天我们使用coze工作流写一个关于宠物App智能衣柜的功能。 效果图 工作流设计 各节点展示 再添加一个图像生成,将特征提取大模型输出的pet_features和clothes_feature
噜噜旅游App(5)——搜索页面开发教程:热门推荐与关键词搜索模块
引言 效果图 在这个教程中,我们将介绍如何使用 React、Zustand 状态管理库和 Mock.js 来构建一个包含热门推荐和关键词搜索功能的搜索页面。我们将逐步讲解每一个组件的功能以及它们之间的
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
引言 模块效果图 在现代旅游应用中,提供一个智能客服模块可以极大地提升用户体验。通过集成先进的AI技术,我们可以为用户提供实时的旅行建议、解答疑问以及个性化推荐等服务。本文将详细介绍如何使用 Reac
噜噜旅游App(3)——打造个性化用户中心:AI生成头像与交互设计
引言 模块预览 在现代旅游类 App 中,提供一个功能丰富且个性化的用户中心是提升用户体验的关键。本文将详细介绍如何基于 React 和 react-vant 实现一个美观、实用的用户中心页面,并重点
告别样式冲突:CSS 模块化实战
引言 在开发 React 应用时,我们常常会遇到这样的问题:多个组件中使用了相同类名,导致样式相互覆盖,最终渲染效果与预期不符。比如我们创建了两个按钮组件:Button 和 AnotherButton
噜噜旅游App(2)——路由系统与底部导航栏实现
一个完整的旅游 App 通常包含多个核心页面,如首页、特惠专区、我的收藏、行程管理与个人中心等。为了实现页面之间的高效切换与统一布局管理,本文将基于 React Router 实现多布局路由配置
噜噜旅游App(1)——项目初始化与基础架构搭建
在开发一个旅游类 App 时,良好的项目结构和清晰的开发规范是成功的第一步。本文将介绍如何使用 Vite + React + TypeScript 搭建项目基础环境,配置路由
React 中的 useContext:深入理解与实战应用
引言 在 React 开发中,组件间共享数据是一个非常常见的需求。虽然我们可以通过 props 一层一层地传递数据,但当组件层级较深时,这种方式不仅繁琐,还容易造成“props drilling”问题
深入理解 React 中的 forwardRef :实现子组件 DOM 控制
引言 在 React 开发中,组件化是核心思想之一。然而,随着项目规模的增长,组件之间的交互和样式管理变得越来越复杂。本文将重点讲解两个在 React 开发中常见的关键知识点:forwardRef 的
🎯从前端到“后端”:一个使用JWT模拟接口鉴权的完整React项目
一、项目概述 本项目是一个基于 React 的前端应用,实现了 用户登录、权限控制、路由保护 等功能。通过使用 Zustand 状态管理、React Router 路由系统、以及 JWT 令牌鉴权机制
Zustand:React 状态管理的轻量级利器
一、引言 在现代 React 开发中,随着应用规模的扩大,组件之间共享状态的需求日益增加。React 本身提供了 useState 和 useReducer 这样的本地状态管理工具,但在中大型项目中,
React 性能优化三剑客:React.memo、useCallback 与 useMemo 深度解析
前言: 在现代 React 开发中,随着应用复杂度的不断提升,性能优化变得越来越重要。React 提供了强大的声明式编程模型,但与此同时,组件频繁的重新渲染和重复计算也可能带来性能瓶颈。为了构建高效、
别再怕 useRef 了!一篇文章讲清楚它和 DOM 的关系
在 React 开发中,我们经常需要与 DOM 元素打交道,比如让输入框自动聚焦、获取元素的位置、滚动页面等。这时,React 提供了一个非常有用的工具 —— `useRef`,它可以帮助我们“记住”
深入 React 自定义 Hook:提升代码复用与逻辑组织能力
在 React 开发中,自定义 Hook 是一种非常强大的机制,它允许我们将组件中的逻辑抽取出来,封装成可复用的函数。这种模式不仅让组件更简洁,也极大提升了代码的可维护性和可测试性。 本文将带你从基础
🔁 useLayoutEffect:React 中用于精确控制 DOM 布局的副作用 Hook
在 React 中,useEffect 和 useLayoutEffect 都是用来处理副作用的 Hook,但它们的执行时机和使用场景有显著区别。本文将重点讲解 useLayoutEffect 的作用
React 面试考点解析:JSX、Babel 编译、Key 原理与受控/非受控组件
前言 React 作为现代前端开发中最重要的框架之一,其基础知识在面试中被频繁考察。本文将围绕 JSX 语法、Babel 编译原理、Key 的作用与最佳实践 以及 受控组件与非受控组件的区别 四个核心
路由懒加载:优化单页应用性能的关键
前言 在现代Web开发中,尤其是当我们构建单页应用(SPA)时,如何优化首屏加载速度和提升用户体验成为了一个关键挑战。路由懒加载作为一种有效的解决方案,通过按需加载页面组件,不仅减少了初始加载时间,还
🧭 前端路由详解:从传统跳转到 React Router 实践
前言 在现代前端开发中,前端路由(Client-side Routing) 是构建单页应用(SPA)的关键技术之一。它使得我们可以在不刷新整个页面的前提下,实现页面之间的跳转与内容切换,从而提供更流畅
下一页