Redux

昌周

已于 2023-05-12 09:16:42 修改

阅读量77

点赞数

文章标签：前端 javascript json Powered by 金山文档

于 2023-03-27 11:00:25 首次发布

本文链接：https://blog.csdn.net/qq_45623378/article/details/129778182

版权

Redux

功能:

全局状态状态管理

设计概念：各自管各自的事，state 只负责数据的状态，数据只能在方法里面改不允许在组件内私自更改要通过派发起触发事件

状态管理的设计规范

自己涉及到的东西互不影响： state 之管理状态的事情 dispath 只负责数据的派发

这个所有的状态管理工具都会涉及到如 vuex 如果改数据只能通过dispath

补充后端数据设计：

一对多，一对一，多对一

什莫意思，多个数据维护一个就叫做一对多一个数据维护一个叫做一对一，一个数据维护多个叫做多对多

reradux 所谓的三大原则

单一的数据源，因为是全局的状态状态肯定有多个地方用到所以为多，那么什么会维护多个肯定是单一的

数据只读的，因为在组件内改的话就是多对多难以维护，所以一定要通过她自身的方法去改动，他的改动的方法是唯一的所以，组件想要改动的肯定是多个所以形成一个一对多的维护方式

使用纯属组进行更改，这个的意思就是说必须用它本身的方法进行更改

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

昌周

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Redux详解

猫老板的豆

04-21

1673

Redux 是一个专门用于状态管理的JS库（不是 React 插件库）。可以理解为全局数据状态管理工具（状态管理机），用来做组件通信等。集中式管理 React 应用中多个组件共享的状态。类似与vue的状态管理vuex你可能不需要 Redux首先明确一点，Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。鲁迅(∩_∩) 曾经说过：“如果你不知道是否需要 Redux，那就是不需要它。

redux

fang.lovest.yang的博客

11-05

884

1. redux理解学习文档 1）英文文档: Redux - A predictable state container for JavaScript apps. | Redux 2）中文文档: Redux中文文档 3）Github: GitHub - reduxjs/redux: Predictable state container for JavaScript apps redux是什么 1）redux...

参与评论您还未登录，请先登录后发表或查看评论

Redux学习笔记

qq_29582173的博客

05-06

419

Redux 基础知识基础介绍动机为了更好的管理项目中的状态 Redux 为了让项目中的state变得可预测核心概念:纯函数 Reducer 纯函数:简单来说就是，接收相同的参数时返回相同的结果。 Reducer:接收一个action和state返回一个新的state。 Redux的核心就是通过reducer来管理项目状态。在大的应用中，我们需要编写很多小函数来管理state的一部分。 Redux也提供了一些工具来简化这种模式，但主要的思想就是通过action对象来修改state。三大原则

Redux 简介

qq_43505867的博客

12-17

894

然后，一旦收到数据，就会发送另一个 action，该 action 的 data 是请求返回的数据同时也代表 API 操作完成。在这种情况下，要确保返回当前的。在 Redux 中，有一个状态对象负责应用程序的整个状态，这意味着如果有一个包含十个组件且每个组件都有自己的本地状态的 React 项目，那么这个项目的整个状态将通过 Redux。可以将 Redux action 视为信使，将有关应用程序中发生的事件信息提供给 Redux store，然后 store 根据发生的 action 进行状态的更新。

redux-dev-tools

05-11

Redux DevTools 是一款针对 Redux 库的强大开发辅助工具，它为开发者提供了一个直观的方式来观察和调试应用中的状态变化。Redux 是一个广泛使用的 JavaScript 状态管理库，尤其在 React 应用中，它使得应用程序的...

redux-alita:极简，高效的redux工具；a small and easy tool for react to do something with redux

04-29

什么是redux-alita? redux-alita是一个封装了react + redux 操作的极简的工具插件，你可以用它来提升日常的开发效率。为什么叫alita？卡导的《Alita》得名。本插件和她的特点一样，精致，迅捷，简单，（开发）速度...

一些常用的react hooks以及各自的作用

weixin_48602044的博客

11-01

311

关于react hooks的一些知识与应用

做一个能适配「手机」的网站需要注意什么

illidri的博客

11-01

263

像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。

前端常见开发工具使用

weixin_45534301的博客

10-31

469

【代码】前端常见开发工具使用。

Google Recaptcha V2 简单使用

吴家健ken的博客

10-30

298

Google Recaptcha V2 简单使用

Canvas字体高度计算与PDF高度如何统一

aa_qq110的专栏

10-31

350

如果前端使用Canvas生成图片，后面使用nodejs生成PDF，但PDF中没有计算boundingBoxAscent 和boundingBoxDescent的方法，这时可以简单将字的高度前后台统一为字体高度，而不使用基线的方式计算。请懂的大神指出有没有什么问题，有没有更好的方式。

前端JS去重的多种方法

Front end development engineer

10-30

363

在前端开发中，去重操作是非常常见的。无论是处理用户输入、数据请求还是渲染页面，都可能需要对数组或对象进行去重。下面将详细介绍几种常见的前端JS去重方法，并分析它们的优缺点。以上就是前端JS去重的几种常见方法。每种方法都有其优缺点，选择哪种方法取决于具体的需求和场景。如果需要兼容性好且可以保留顺序，可以使用filter()、reduce()或for循环；如果追求性能和简洁性，可以使用Set或Map。对于对象去重，Map是最好的选择。

Web Broker（Web服务应用程序）入门教程（2）

最新发布

caridle的专栏

11-03

514

接下来，调度器遍历其动作项列表，寻找与请求消息的目标 URL 的 PathInfo 部分匹配，并且提供请求消息方法所指定的服务的条目。只能有一个动作项是默认动作项。如果已经触发的动作项的 Default 属性被设置为 True，则该动作项不会被重新评估，当调度器到达动作列表末尾时，也不会触发该动作项。在将工作分配给多个动作项时，要么默认动作项的 OnAction 事件处理程序，要么调度器的 AfterDispatch 事件处理程序应该检查所有工作是否完成，如果没有完成，则设置适当的错误代码。

element-plus校验单个form对象合法性

xiaohuli_hyr的博客

11-01

483

请注意，这个示例假设使用的是 Element Plus 作为 UI 库。如果使用的是其他 UI 库，可能需要调整代码以适应该库的 API。此外，这个示例验证了列表中第一个对象，如果你需要验证其他对象，你可以修改 validateSingleItem 方法调用时传递的索引。在 Vue 中，循环生成的表单列表，并且每个表单中包含多个对象，使用 v-for 来创建这些表单，并且使用动态 prop 路径来验证单个对象是否满足必填校验。/* 样式根据需要添加 */// 验证指定索引的对象。// ...更多对象。

Vue中监听属性watch的求值，以及与computed的适用场景

friend_ship的博客

11-01

375

监听属性的特点：惰性。当值第一次绑定时，不会执行监听函数，只有当值发生改变才会执行。监听属性watch与计算属性computed的适合场景

前端安全：构建坚不可摧的Web应用防线

2302_80412007的博客

10-30

894

跨站脚本攻击（XSS）是一种代码注入攻击，攻击者通过在网页中注入恶意脚本，利用这些脚本在用户的浏览器中执行，从而窃取用户信息或进行其他恶意行为。跨站请求伪造（CSRF）攻击者通过诱使已经登录的用户在不知情的情况下执行非预期的操作，如转账或更改密码。明确指定哪些动态资源是可信的，哪些不是，可以有效防止XSS攻击。使用HTTPS可以保护用户数据免受中间人攻击，确保数据在客户端和服务器之间传输的过程中不被窃取或篡改。

Redux状态管理深入解析

"这是一份关于Redux的深入学习资料，涵盖了从基础概念到实际应用的多个方面，旨在帮助读者全面理解和掌握Redux的使用。资料中提到了Redux的基本概念、工作流程、适用场景以及核心API，并通过实例展示了如何创建和...