- 一、背景我们的在线商城平台日均活跃用户超过 50 万，特别是在休息日或节假日期间，热门商品的库存变动非常频繁。为了给用户提供准确的库存信息，我们实现了库存实时更新功能。比如，夏季榴莲大量上市，我们的商城进行了限时促销，上万用户同时在线抢购，库存余量的每一次变化都需要即时反馈到前端界面——这不仅关系到用户体验，更直接影响交易公平性与平台信誉。为实现这一需求，我们的技术团队采用了"WebSock... 一、背景我们的在线商城平台日均活跃用户超过 50 万，特别是在休息日或节假日期间，热门商品的库存变动非常频繁。为了给用户提供准确的库存信息，我们实现了库存实时更新功能。比如，夏季榴莲大量上市，我们的商城进行了限时促销，上万用户同时在线抢购，库存余量的每一次变化都需要即时反馈到前端界面——这不仅关系到用户体验，更直接影响交易公平性与平台信誉。为实现这一需求，我们的技术团队采用了"WebSock...
- 本文深入探讨了如何利用React与Redux构建复杂表单管理系统。解析了二者的协作逻辑，即React拆分表单为独立输入单元，Redux作为全局状态枢纽存储数据快照等，打破了状态集中管理即冗余的误区。还阐述了表单状态精细化管理、实时验证逻辑、动态结构处理等核心要点，以及交互体验优化、错误处理、性能优化等实践智慧，强调其通过拆分与聚合思想解决复杂表单难题，为开发者提供了处理前端复杂状态的思维模式。 本文深入探讨了如何利用React与Redux构建复杂表单管理系统。解析了二者的协作逻辑，即React拆分表单为独立输入单元，Redux作为全局状态枢纽存储数据快照等，打破了状态集中管理即冗余的误区。还阐述了表单状态精细化管理、实时验证逻辑、动态结构处理等核心要点，以及交互体验优化、错误处理、性能优化等实践智慧，强调其通过拆分与聚合思想解决复杂表单难题，为开发者提供了处理前端复杂状态的思维模式。
- 在 Web 前端开发领域，随着应用的日益复杂化，管理应用中的状态成为一个棘手的问题。Redux 是一个 JavaScript 状态管理库，最初由 Dan Abramov 和 Andrew Clark 在 2015 年提出，其灵感部分来源于 Flux 架构和函数式编程的思想。通过理解 Redux 及其出现的背景，开发者可以更好地应对复杂的状态管理难题。 前端应用状态管理中的问题随着现代 Web... 在 Web 前端开发领域，随着应用的日益复杂化，管理应用中的状态成为一个棘手的问题。Redux 是一个 JavaScript 状态管理库，最初由 Dan Abramov 和 Andrew Clark 在 2015 年提出，其灵感部分来源于 Flux 架构和函数式编程的思想。通过理解 Redux 及其出现的背景，开发者可以更好地应对复杂的状态管理难题。 前端应用状态管理中的问题随着现代 Web...
- 作者：watermelo37涉及领域：Vue、SpingBoot、Docker、LLM、python等---------------------------------------------------------------------温柔地对待温柔的人，包容的三观就是最大的温柔。------------------------------------------------------... 作者：watermelo37涉及领域：Vue、SpingBoot、Docker、LLM、python等---------------------------------------------------------------------温柔地对待温柔的人，包容的三观就是最大的温柔。------------------------------------------------------...
- 一、从 class 迈向 struct，从 class 迈向 function 可以将前端框架归纳为几个要素： 元件化； 响应式机制； 状态管理； 事件监听； 生命... 一、从 class 迈向 struct，从 class 迈向 function 可以将前端框架归纳为几个要素： 元件化； 响应式机制； 状态管理； 事件监听； 生命...
- combineReducers() 随着应用变得复杂，需要对 reducer 函数 进行拆分，拆分后的每一块独立负责管理 state 的一部分。 combineReducers 辅助函数的作用是，把一... combineReducers() 随着应用变得复杂，需要对 reducer 函数 进行拆分，拆分后的每一块独立负责管理 state 的一部分。 combineReducers 辅助函数的作用是，把一...
- Angular中使用ngrx做状态管理 简介 ngrx/store的灵感来源于Redux，是一款集成RxJS的Angular状态管理库，由Angular的布道者Rob Wormald开发。它和Redu... Angular中使用ngrx做状态管理 简介 ngrx/store的灵感来源于Redux，是一款集成RxJS的Angular状态管理库，由Angular的布道者Rob Wormald开发。它和Redu...
- 2020/11/22、 周日、今天又是奋斗的一天。 @Author：Runsen 你是否将所有 JavaScript 脚本放在一个大文件中，并在所有页面上使用这个文件？如果是这样，你可能需要考虑使用代码拆分！ 代码拆分 我们将变量的类型拆分到constants.js constants.js export const SERACH_FO... 2020/11/22、 周日、今天又是奋斗的一天。 @Author：Runsen 你是否将所有 JavaScript 脚本放在一个大文件中，并在所有页面上使用这个文件？如果是这样，你可能需要考虑使用代码拆分！ 代码拆分 我们将变量的类型拆分到constants.js constants.js export const SERACH_FO...
- 2020/11/22、 周日、今天又是奋斗的一天。 @Author：Runsen 今天我们来看一个 Redux 官方出品的 middleware 库：redux-thunk。 Redux官方实现的异步解决方案----Redux-Thunk Redux-Thunk和前面写过的Redux和React-Redux其实都是Redux官方团队的作品，他... 2020/11/22、 周日、今天又是奋斗的一天。 @Author：Runsen 今天我们来看一个 Redux 官方出品的 middleware 库：redux-thunk。 Redux官方实现的异步解决方案----Redux-Thunk Redux-Thunk和前面写过的Redux和React-Redux其实都是Redux官方团队的作品，他...
- 2020/11/20、 周五、今天又是奋斗的一天。 @Author：Runsen React，相比于Vue，React更加灵活，但是对JavaScript基础的要求也更高一些。我继续学习React Antd antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 antd的使用:antd的官网有每一个... 2020/11/20、 周五、今天又是奋斗的一天。 @Author：Runsen React，相比于Vue，React更加灵活，但是对JavaScript基础的要求也更高一些。我继续学习React Antd antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 antd的使用:antd的官网有每一个...
- 普通写法 原来在组件中connect连接redux的写法是: import { connect } from 'react-redux'; import { start, stop, reset } from './actions'; class Home extends Component { ... // dispatch一个action this.props... 普通写法 原来在组件中connect连接redux的写法是: import { connect } from 'react-redux'; import { start, stop, reset } from './actions'; class Home extends Component { ... // dispatch一个action this.props...
- 简介 使用命令npx create-react-app my-app --template redux会创建一个redux的例子工程，本文讲解该工程的代码。 文件目录 counterSlice.js,redux 声明 初始化值 reducers actions Selectors Counter.js redux的使用 store.js 、index.js store的... 简介 使用命令npx create-react-app my-app --template redux会创建一个redux的例子工程，本文讲解该工程的代码。 文件目录 counterSlice.js,redux 声明 初始化值 reducers actions Selectors Counter.js redux的使用 store.js 、index.js store的...
- 前言 React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 UI组件 只负责 UI 的呈现，不带有任何业务逻辑； 没有状态（即不使用this.state这个变量）； 所有数据都由参数（this.props）提供； 不使用任何 Redux 的 A... 前言 React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 UI组件 只负责 UI 的呈现，不带有任何业务逻辑； 没有状态（即不使用this.state这个变量）； 所有数据都由参数（this.props）提供； 不使用任何 Redux 的 A...
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签