常用的前端处理后端数据// =============对象数组转换================ {firstName: ‘Andy’} => [{name: ‘firstName’, value: ‘Andy’}] 123456let obj = { firstName: "Andy", lastName: "Wong" };let arr = [];for (k in obj) { arr.push({ name: k, value: obj[k] });}console.log(arr); [ { label: ...

闭包是什么 在 JS 忍者秘籍(P90)中对闭包的定义：闭包允许函数访问并操作函数外部的变量。红宝书上对于闭包的定义：闭包是指有权访问另外一个函数作用域中的变量的函数。MDN 对闭包的定义为：闭包是指那些能够访问自由变量的函数。这里的自由变量是外部函数作用域中的变量。 概述上面的话，闭包是指有权访问另一个函数作用域中变量的函数 形成闭包的原因内部的函数存在外部作用域的引用就会导致闭包。从上面介绍的上级作用域的概念中其实就有闭包的例子 return f就是一个表现形式。 123456789var a = 0function foo(){ var b =14 functi ...

1. 目录 redux简介 案例 react-redux核心介绍 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 Redux是将整个应用状态存储到到一个地方，称为store 里面保存一棵状态树(state tree) 组件可以派发(dispatch)行为(action)给store,而不是直接通知其它组件 其它组件可以通过订阅store中的状态(state)来刷新自己的视图 3. 安装1npm install --save redux 4. redux核心4.1 Statestate是数据集合 可以理解为工厂 ...

中间件与异步操作上一篇文章，我介绍了 Redux 的基本做法：用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。 但是，一个关键问题没有解决：异步操作怎么办？Action 发出以后，Reducer 立即算出 State，这叫做同步；Action 发出以后，过一段时间再执行 Reducer，这就是异步。 怎么才能 Reducer 在异步操作结束后自动执行呢？这就要用到新的工具：中间件（middleware）。 一、中间件的概念为了理解中间件，让我们站在框架作者的角度思考问题：如果要添加功能，你会在哪个环节添加？ （1）Reducer：纯函数，只承担计算 S ...

Redux 入门教程（三）：React-Redux 的用法前两篇教程介绍了 Redux 的基本用法和异步操作，今天是最后一部分，介绍如何在 React 项目中使用 Redux。 为了方便使用，Redux 的作者封装了一个 React 专用的库 React-Redux，本文主要介绍它。 这个库是可以选用的。实际项目中，你应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，但是需要掌握额外的 API，并且要遵守它的组件拆分规范。 一、UI 组件React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器 ...

reduxReact有props和state: props意味着父级分发下来的属性 state意味着组件内部可以自行管理的状态，并且整个React没有数据向上回溯的能力，这就是react的单向数据流 这就意味着如果是一个数据状态非常复杂的应用，更多的时候发现React根本无法让两个组件互相交流，使用对方的数据，react的通过层级传递数据的这种方法是非常难受的，这个时候，迫切需要一个机制： 把所有的state集中到组件顶部，能够灵活的将所有state各取所需的分发给所有的组件，是的，这就是redux 简介 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 Re ...