随着项目的日益增大，维护状态，成为了一件必须且比较繁琐的事情。出现了很多优秀了状态管理工具，数据管理，组织state让我们一起来看下，vue中使用vuex和react中使用redux有什么区别。vuex
参考链接：https://vuex.vuejs.org/zh/要想使用vuex，在你的项目目录下执行如下命令。第一步：下载依赖包vuex npm install --save-dev vuex第二
转载
2024-04-25 13:59:24
32阅读
不断更新优化
原创
2022-10-13 16:59:57
130阅读
如果我们想使用redux，第一步需要通过 yarn add redux 来安装redux 安装成功后就需要去创建一个store，怎么创建呢，非常的简单，在src下面创建一个文件夹，这个文件夹名字就叫做store，里面有个index.js，reducer.js index.js import { cr
转载
2019-03-17 09:55:00
125阅读
2评论
vue
原创
2023-02-11 14:35:13
40阅读
原创
2022-07-31 00:06:18
89阅读
Recoil 是一个新的 React 状态管理库，它允许您以 Reactish 的方式管理全局/可共享状态。Recoil是由 Facebook 团队开发的。在这篇博客中，我们将看看 useRecoilState 钩子的简单使用。让我们来看一个非常简单的问题陈述。我们希望在两个兄弟/并行子组件中共享计数状态变量。第一个解决方案：Prop-Drilling 最简单的可能解决方案是将 count 移动到
react-redux更新数据的实现思路： &nb
转载
2024-04-24 15:32:11
82阅读
redux之所以伟大就在于中间件了，中间件为redux提供了无限可能。redux中中间件是一个不太容易理解的概念，因为涉及到compose、hoc等函数式的概念，看源代码总是懵懵的感觉。今天我们就来详细解剖一下伟大的applyMiddleware吧。
applyMiddleware只有短短三十多行，可见作者功力。先简单说下中间件是啥，在redux中，当你要dispatch一条命令给reducer时
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。它的异步加载原理是，事先将编译好后的静态文件，通过js对象映射，硬编码进打包后的 manifest.xxxx.js 文件中，然后通过JSONP原理按需加载每个chunk。每个子模块加载完毕之后，浏览器将会进行本地缓存
转载
2024-06-25 14:01:08
31阅读
WebSocket浏览器通过JavaScript向服务器发出建立WebSocket链接的请求，链接建立后，客户端和服务器端就可以通过TCP链接直接交互数据。WebSocket链接后可以通过send()方法来向服务器发送数据，并通过onnessage事件来接受服务器返回的数据。创建WebSocket对象let ws = new WebSocket(server);WebSocket属性属性描述ws.
转载
2024-06-22 09:10:38
34阅读
在vue中，改变某个对象的值时（如数组中的某一项或者对象的某个属性），vue并不会触发dom更新，这时就需要我们自己手动来操作。方法一：强制刷新// 此行为会重新渲染整个dom，除数据层次太多外，不建议使用
this.$forceUpdate(); 方法二：对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, proper
转载
2024-01-29 00:24:38
45阅读
Root Smart component can be overloaded, divide 'smart' component wisely & using Provider. Problem: Something the root component can be overloaded, mea
转载
2017-02-22 20:12:00
171阅读
2评论
什么是reduxRedux 是 JavaScript 状态容器，提供可预测化的状态管理。 (如果你需要一个 WordPress 框架，请查看 Redux Framework。) 可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。不仅于此，它还提供 超爽的开发体验，比如有一个时间旅行调试器可以编辑后实时预览。 Redux 除了和 React 一起用外，还支持其它界
转载
2023-07-16 16:48:48
113阅读
this.$set(this.arr,"key", "")或者this.$forceUpdate() //强制刷新
原创
2022-12-13 10:19:59
531阅读
优势： 1.Vue两大特点：响应式编程、组件化 2.Vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快 3.Vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和DOM，这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。缺点： 1.Vue不缺入门教程，可是缺乏高
转载
2023-07-21 12:38:30
87阅读
⭐ v-for 遍历避免同时使用 v-if⭐ v-for 中的key绑定唯一的值⭐ v-show与v-if对性能的影响⭐ 妙用计算属性⭐ 使用防抖与节流控制发送频率⭐ 路由守卫处理请求避免重复发送请求⭐ 使用第三方UI库的引入方式【前言】该系列是博主在使用vue2开发项目中常用上的一些小Tips，学的开心！⭐ v-for 遍历避免同时使用 v-if在 Vue2 中当v-for与v-if同时用的时，
原创
2023-06-27 10:31:19
488阅读
redux 是一个应用数据流框架，主要是解决了组件间状态共享的问题，主要包括三个核心方法，action，store，reducer关于 Store：整个应用只有一个唯一的 StoreStore 对应的状态树（State），由调用一个 reducer 函数（root reducer）生成状态树上的每个字段都可以进一步由不同的 reducer 函数生成Store 包含了几个方法比如 disp
原创
2023-11-30 09:12:40
90阅读
更新的两种方法1替换更新：会覆盖原数据2操作符更新：不会覆盖原数据 性能更好 原子性操作 update() 方法用于更新已存在的文档。语法格式如下：db.collection.update( <query>, <update>, { upsert: <boolean>, multi: <boolean>, writeConc
转载
2023-08-15 22:10:38
39阅读
redux-actions有两大法宝createAction和handleActions.createAction原来创建action:const startAction = () => ({ type: START });使用redux-actions创建action:import { createAction } from 'redux-action...
转载
2021-06-30 14:13:50
239阅读
基础部分 一译者目前在做前端，博客内容主要是文档翻译。如果读者希望我翻译某些和前端相关的文档，欢迎留言告诉我。对于已有在网络上能够搜到质量较高译文的文章，我就不做重复工作了。本人精力有限，翻译质量达不到出版书籍的程度，可能有些人看不懂，不过我相信这总会帮助到一些人。有空的时候我会返回来对之前的文章进行润色。对应官方文档，基础部分，Actions，Reducers，Store三节。https://r
转载
2024-08-19 11:30:43
49阅读
