11 2025 档案
摘要：React Router 的核心原理：Hash 路由 & History 路由 React Router 本质上是前端实现路由跳转，不刷新页面，同时实现页面组件切换。 浏览器本身有两种方式能做到： ① Hash 路由（#/path） 例如： https://example.com/#/home 通过
阅读全文
摘要：Redux 数据流通的完整过程（单向数据流） Redux 的核心思想就是：状态只存在一个地方，所有变化都是可预测的、可追踪的，并且遵循单向数据流。 下面是完整流程，从 UI 到 Action → Reducer → Store → UI： 1. UI 触发 Action UI（React 组件）中用
阅读全文
摘要：connect() 是 react-redux 中用于把 React 组件和 Redux store 连接起来的高阶函数，它一共可以接收 4 个参数，但最常用的是前两个 connect(mapStateToProps, mapDispatchToProps) 下面解释这两个参数分别干什么： 1. m
阅读全文
摘要：为什么现代框架（React / Vue）比 jQuery 更强？ jQuery 本质上是 DOM 操作工具库， React 和 Vue 是 组件化 + 响应式 + 声明式 UI 框架。 差别是“级别不同”。 1. 开发思想完全不同：声明式 VS 命令式 jQuery：命令式 你要告诉浏览器每一步怎么
阅读全文
摘要：一、当 props 改变时，组件会触发哪些生命周期？ 以 class 组件 为例（函数组件用 Hooks 行为类似）： 1. 父组件重新渲染 → 传给子组件的新 props 变化 父组件更新 → 子组件收到新的 props。 2. 子组件生命周期触发顺序（props 改变时） 如果使用的是 Reac
阅读全文
摘要：在 React 类组件 中，只有某些生命周期可以安全地修改（setState）组件的 state。 哪些生命周期可以修改 state？ 可以使用 setState 的生命周期 1. constructor（不推荐 setState） 可以直接给 this.state 赋值，但 不能用 setStat
阅读全文
摘要：不一定。调用 render() 并不意味着 DOM 一定会更新。 React 的渲染流程： 在 React 中，“渲染（render）”分为两步： Render Phase（渲染阶段） 调用组件的 render()（类组件）或函数组件本体 得到新的虚拟 DOM（Virtual DOM） Commit
阅读全文
摘要：在 React 中，“无状态组件（Stateless Component）” 和 “有状态组件（Stateful Component）” 是两个非常核心的概念。 理解它们的区别，可以帮助你更好地组织组件、提升可维护性。 什么是无状态组件（Stateless Component） 无状态组件也叫 展示
阅读全文
摘要：在 React 中，Component 和 PureComponent 的核心区别就在于 是否自动进行浅层比较 (shallow compare)，从而决定组件是否需要重新渲染。 1. React.Component Component 不会自动比较 props 或 state，只要父组件重新渲染（
阅读全文
摘要：这句话 “在 React 中，一切都是组件” 是理解 React 的核心思想之一。 一句话总结 React 的页面不是由“页面”、“模块”、“按钮”等概念组成的，而是由一个一个“组件”构成的。所有结构都统一用组件来描述。 为什么叫“一切都是组件”？ 在 React 世界里： 页面是组件 模块是组件
阅读全文
摘要：在 React 中，状态（State） 是组件中用来记录“会随时间变化的数据”的对象。它是 React 最核心的概念之一。 1. React 中的状态是什么？ React 的 状态（state） 是一种用于控制组件行为和界面展示的数据结构。 特点： 组件自己管理的、可变的数据 数据变化会触发组件重新
阅读全文
摘要：React 运行阶段（Mount + Update）生命周期调用顺序如下，两种写法分别列出来（class 组件 和 函数组件 Hook 思维模型）。 React Class 组件（运行阶段）生命周期调用顺序 一、挂载（Mounting）阶段 组件首次渲染时执行： constructor() stat
阅读全文
摘要：在 React 的生命周期中，最适合与服务端进行数据交互（如调用接口、请求后端数据）的函数是： componentDidMount() 原因说明 componentDidMount() 是 React 类组件生命周期中 组件挂载完成（渲染到真实 DOM）后 调用的函数。 在这个阶段： 组件已经被插入
阅读全文
摘要：eact 的生命周期函数（Lifecycle Methods）是类组件（Class Component）中用于在不同阶段执行特定逻辑的钩子函数。 它们让我们可以在组件创建、更新、销毁等阶段执行代码，例如发请求、订阅事件、清理资源等。 一、生命周期的三个阶段 React 组件的生命周期大体分为 三个阶
阅读全文
摘要：一、基本定位 对比项 Vue React 框架类型 渐进式框架（framework） UI 库（library） 设计理念 模板驱动 + 双向绑定 函数式编程 + 单向数据流 官方工具链 Vue CLI / Vite / Pinia / Vue Router Create React App / N
阅读全文
摘要：Redux 是一个用于 JavaScript 应用程序中管理应用状态的工具库，特别常用于 React 应用，但它并不限于 React。它为 JavaScript 应用提供了一种集中式的、可预测的状态管理方式。 Redux 的基本概念 Redux 的核心理念可以通过以下几个主要部分来解释： 单一数据源
阅读全文
摘要：Redux 虽然是前端状态管理的经典方案（尤其在 React 生态里），但它确实存在一些明显的 缺点 / 局限性。 一、Redux 的主要缺点 1. 样板代码（Boilerplate）太多 Redux 最大的槽点之一，就是它需要写大量重复的模板代码： 定义 action type 常量 定义 act
阅读全文
摘要：在 React 或者 Redux 中，Reducer 是一个 纯函数，它的作用是接收当前的 state 和一个 action，然后返回一个新的 state。简而言之，Reducer 的任务就是根据传入的 action 修改并返回新的状态。 Reducer 的作用 管理状态（State）： Reduc
阅读全文
摘要：在 Redux 中，Store 是一个非常核心的概念，它是应用的状态容器，用于存储和管理整个应用的状态（State）。具体来说，Store 的意义可以从以下几个方面来理解： 存储应用的状态 (State) Store 是一个单一的对象，包含了整个应用的所有状态。你可以把它看作是应用的数据仓库。无论是
阅读全文
摘要：“功能组件 (Functional Component)” 和 “类组件 (Class Component)” 的使用时机，是 React（或 Vue 2 + Class API）里一个常见的设计抉择点。 一、前置概念澄清 名称 说明 类组件 (Class Component) 使用 class 关
阅读全文
摘要：在 React 中，组件之间的数据传递方式取决于它们的关系（父子、兄弟、跨层等）。下面是最常见的几种传值方式 一、父组件 → 子组件（最常见，用 props） 父组件通过 props 向子组件传值。 // 父组件 function Parent() { const name = '张三'; retu
阅读全文
浙公网安备 33010602011771号