前端面试题Redux/Mobx
关注
分享
扫一扫
前端面试题Redux/Mobx
普通网友
这个作者很懒，什么都没留下…
展开
-
Redux/Mobx面试题汇总
[Redux/Mobx] redux和flux的区别是什么？[Redux/Mobx] 在redux中，什么是store？原创 2021-12-01 19:26:29 · 1325 阅读 · 0 评论
-
[Redux/Mobx] Context api可以取代Redux吗？为什么？
[Redux/Mobx] Context api可以取代Redux吗？为什么？可以，但是并不完美。利用Context API+useReducer的方案可以实现简化版的Redux。Redux除了能够存储数据之外，它的强大之处还在于数据修改的单一性，清晰的数据流向，依赖不可变性的数据实现时间旅行等等。而这些特点是原生的Context Api所不具备的。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题..原创 2021-12-01 19:10:43 · 480 阅读 · 0 评论 -
[Redux/Mobx] 说说Redux的实现流程
[Redux/Mobx] 说说Redux的实现流程通过分析redux的几个核心api，来看如何实现reduxstore.subscribe: 订阅数据的变化 store.dispatch：dispatch后改变state,同时通知store.subscribe函数执行，上面这两个函数可以利用发布-订阅模式 store.getState: 通过这个函数直接返回内存中的state变量即可 简单的实现如下export function createStore(reducer, enhancer)原创 2021-11-30 20:30:00 · 563 阅读 · 0 评论 -
[Redux/Mobx] Redux怎样设置初始状态？
[Redux/Mobx] Redux怎样设置初始状态？redux包里面的createStore方法的第二个可选参数即可设置state的初始值 在定义从根到子的reducer时，可以通过默认参数的方式定义state的初始值个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 06:15:00 · 530 阅读 · 0 评论 -
[Redux/Mobx] Redux怎么添加新的中间件？
[Redux/Mobx] Redux怎么添加新的中间件？applyMiddleware个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-12-01 20:45:00 · 191 阅读 · 0 评论 -
[Redux/Mobx] 你有了解Rxjs是什么吗？它是做什么的？
[react] 你有了解Rxjs是什么吗？它是做什么的？RxJS 是一个库，它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable，附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#extras] 启发的操作符 (map、filter、reduce、every, 等等)，这些数组操作符可以把异步事件作为集合来处理。可以把 RxJS 当做是用来处理事件的 Lodash 。个人简介我是歌谣，欢迎和原创 2021-11-30 08:15:00 · 662 阅读 · 0 评论 -
[Redux/Mobx] 在Redux中怎么发起网络请求？
[react] 在Redux中怎么发起网络请求？如果单纯的使用Redux，因为redux的actionCreator返回一个plain object，所以不能在actionCreator中发起网络请求；reducer是一个纯函数，不能有副作用，所以也不能有异步的操作；如果需要在Redux中发起网络请求，就要借助中间件；如下：react-thunk: 这个中间件可以处理dispatch一个function,即可以在actionCreator中返回一个函数签命是(dispatch, getState).原创 2021-11-30 05:30:00 · 764 阅读 · 0 评论 -
[Redux/Mobx] redux-saga和redux-thunk有什么本质的区别？
[Redux/Mobx] redux-saga和redux-thunk有什么本质的区别？saga 自己基本上完全弄了一套 asyc 的事件监听机制。虽然好的一方面是将来可以扩展成 worker 相关的模块，甚至可以做到 multiple threads 同时执行，但代码量大大增加。如果只是普通的 application，用 redux-thunk 足够。redux-thunk 是 2015-7-13 发布的第一个版本，而 redux-saga 是 2015-12-2 发布的第一个版本。他们基本上都是原创 2021-11-29 23:30:00 · 302 阅读 · 0 评论 -
[Redux/Mobx] Redux中异步action和同步action最大的区别是什么？
[Redux/Mobx] Redux中异步action和同步action最大的区别是什么？同步action：执行了dispatch函数之后，对应的reducer纯函数立即得到执行，reducer执行完了之后，state立即就改变了，此时用store.getState函数，取到的是最新的state值； 异步action：原则上redux并没有提供异步action的处理方案，异步的action需要依赖第三方的中间件解决（如redux-thunk），dispatch了一个异步action（本质上是dispa原创 2021-11-29 23:15:00 · 654 阅读 · 0 评论 -
[Redux/Mobx] 你有使用过redux-saga中间件吗？它是干什么的？
[Redux/Mobx] 你有使用过redux-saga中间件吗？它是干什么的？redux-saga 就是用来处理副作用（例如：AJAX请求）的一个中间件，使用Generator 函数个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-12-01 00:45:00 · 258 阅读 · 0 评论 -
[Redux/Mobx] Redux和vuex有什么区别？
[Redux/Mobx] Redux和vuex有什么区别？1：vuex的异步数据不需要使用到中件间，redux需要2：vuex可以直接commit，action不是必须的，redux是必须的个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 05:15:00 · 466 阅读 · 0 评论 -
[Redux/Mobx] Redux怎样重置状态？
[Redux/Mobx] Redux怎样重置状态？先在store初始化时对store的初始化数据状态进行保存，然后reducer中多定义一个重置状态的type="RESET"的action的逻辑，这个操作里面直接返回初始的状态值，在需要重置状态的时候，直接dispatch这个RESET的actionType即可个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-12-01 00:45:00 · 688 阅读 · 1 评论 -
[Redux/Mobx] Redux的中间件是什么？你有用过哪些Redux的中间件？
[Redux/Mobx] Redux的中间件是什么？你有用过哪些Redux的中间件？view在redux中会派发一个action，action通过store的dispatch方法派发给store，store接收到action连同之前老的state一起传给reducer，reducer返回新的数据给store，store去改变自己的state，这是redux的流程。redux中间件的中间指的是action和store之间，之前在redux中action只能返回一个对象，所以action返回的一个对象会原创 2021-11-30 04:00:00 · 660 阅读 · 0 评论 -
[Redux/Mobx] Mobx的设计思想是什么
[Redux/Mobx] Mobx的设计思想是什么依赖收集。在Mobx中，定义了observable的属性，mobx会自动跟踪这个属性值的变化；在用了mobx与react的桥接库mobx-react之后，这种跟踪关系会体现了视图上，JSX依赖的observable属性值变化，视图就会自动的进行更新个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 07:45:00 · 391 阅读 · 0 评论 -
[Redux/Mobx] Mobx和Redux有什么区别？
[Redux/Mobx] Mobx和Redux有什么区别？Redux每一次的dispatch都会从根reducer到子reducer嵌套递归的执行，所以效率相对较低；而Mobx的内部使用的是依赖收集，所以不会有这个问题，执行的代码较少，性能相对更高； Redux核心是不可变对象，在Reducer中的操作都要比较小心，注意不能修改到state的属性，返回时必须是一个全新的对象；而Mobx采用不存在这个问题，操作比较随意； Redux中写法固定，模板代码较多，Mobx中写法比较随意，但是因为写法随意的原原创 2021-11-30 18:45:00 · 600 阅读 · 0 评论 -
[Redux/Mobx] Redux由哪些组件构成？
[Redux/Mobx] Redux由哪些组件构成？(这道题应该本意是Redux由哪些部分组成)State：Redux中的数据 Reducer：这是Redux的核心，内部处理接受到action后到返回新的state的逻辑；reducer可以进行嵌套，一个store只有一个根reducer Action：一般会写成actionCreator函数的形式，这个函数返回的就是action对象，这个对象至少会一个type属性，用于标识当前的动作 Store: 以上三部分组成的就是一个Store，一般来说原创 2021-11-29 23:00:00 · 802 阅读 · 0 评论 -
[Redux/Mobx] redux的数据存储和本地储存有什么区别？
[Redux/Mobx] redux的数据存储和本地储存有什么区别？Redux存储的数据本质上都是JS变量，都是在内存中的，页面刷新就会消失 本质存储是像localStorage Cookie IndexDB WebSQL等缓存技术，它是存储在硬盘中的，不会随便页面刷新而消失个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-12-01 00:00:00 · 649 阅读 · 0 评论 -
[Redux/Mobx] redux的thunk作用是什么？
[Redux/Mobx] redux的thunk作用是什么？作用：通过redux-thunk这个中间件，改变了redux中原本dispatch函数的作用，使它可以接受一个function作为dispatch的对象；在使用上，可以在这个function上进行异步操作，这样就实现了异步操作redux的目的.个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 00:45:00 · 293 阅读 · 0 评论 -
[Redux/Mobx] 在redux中，什么是reducer？它有什么作用？
[Redux/Mobx] 在redux中，什么是reducer？它有什么作用？reducer的作用 :根据 action 对象的type 来更新状态.reducer的工作方式 :接收一个 state 参数, 作为初始的 state接收一个action对象, 在函数体中用 switch 语句 判断 action 的type, 然后定义相应的处理方式( 返回新的 state 对象) .个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录原创 2021-11-29 23:45:00 · 623 阅读 · 0 评论 -
[Redux/Mobx] 举例说明怎么在redux中定义action？
[Redux/Mobx] 举例说明怎么在redux中定义action？利用actionCreator// 用户选择需要显示的subredditexport const SELECT_SUBREDDIT = 'SELECT_SUBREDDIT'export function selectSubreddit(subreddit) { return { type: SELECT_SUBREDDIT, subreddit }}个人简介.原创 2021-11-30 06:00:00 · 327 阅读 · 0 评论 -
[Redux/Mobx] 在redux中，什么是store？
[Redux/Mobx] 在redux中，什么是store？单一数据源，整个应用数据保存的地方个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-29 22:00:00 · 259 阅读 · 0 评论 -
[Redux/Mobx] 在redux中，什么是action？
[Redux/Mobx] 在redux中，什么是action？action是Redux中定义一个响应的动作，action总是有一个type属性，作为这个动作的唯一标识; Reducer函数则会根据这个action.type来如何生成并返回一个新的state个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 12:45:00 · 570 阅读 · 1 评论 -
[Redux/Mobx] 为什么redux能做到局部渲染呢？
[Redux/Mobx] 为什么redux能做到局部渲染呢？reducer从根往最子级的reducer中间各层总是返回一个新的state，这样的话，就会引起组件的大范围的re-render，但是这是可避免的合理的利用selector：在connect函数中的第一个函数mapStateToProps中从store state中返回当前组件需要使用的props，需要一个筛选，这个筛选函数就叫做selector，需要尽量细化传入的store state，即使根state发生了引用的变更，但是它下面的属性值原创 2021-11-30 06:00:00 · 416 阅读 · 0 评论 -
[Redux/Mobx] 说说redux的优缺点分别是什么？
[Redux/Mobx] 说说redux的优缺点分别是什么？优点 Redux轻量，生态丰富，可以结合流行的redux-thunk、redux-saga等进行使用 Redux的写法比较固定，团队应用中风格比较稳定，提高协作中的可维护性 因为Redux中的reducer更新时，每次return的都是不可变对象，所以时间旅行操作相对容易 缺点 每一次的dispatch都会从根reducer到子reducer嵌套递归的执行，所以效率相对较低； Redux核心是不可变对象，在Reducer中原创 2021-11-30 05:15:00 · 1282 阅读 · 0 评论 -
[Redux/Mobx] redux它的三个原则是什么？
[Redux/Mobx] redux它的三个原则是什么？单一数据源: 整个应用的只有一个store，store的state存在于唯一的object tree上 state只读：state不可操作，要修改state，需要触发action，让reducer函数中返回一个全新引用的state reducer纯函数：reducer是用来描述action如何改变state的函数，它必须是一个纯函数个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录原创 2021-11-29 23:30:00 · 335 阅读 · 0 评论 -
[Redux/Mobx] 什么是单一数据源？
[Redux/Mobx] 什么是单一数据源？Redux的store.getState只能得到一个数据源，通常这是一个对象，通常这也是React App中的唯一Redux数据源，这个state对象中的属性值通过combineReducer整合了子Reducer返回的state的值个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 06:00:00 · 667 阅读 · 0 评论 -
[Redux/Mobx] 推荐在reducer中触发Action吗？为什么？
[Redux/Mobx] 推荐在reducer中触发Action吗？为什么？不推荐。首先reducer应该是一个纯函数，reducer中的代码应该把代码逻辑限定在当前的reducer内，如果触发了action，会触发其它的reducer、甚至再次触发自身，可能引起死循环或者其它的不确定因素，增加调试成本。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-30 08:15:00 · 425 阅读 · 1 评论 -
[Redux/Mobx] 在React中你是怎么对异步方案进行选型的？
[Redux/Mobx] 在React中你是怎么对异步方案进行选型的？小项目使用简单的redux-thunk方案,增加的代码量极少，只有两个api，上手成本低 大项目使用基于redux-saga的dva.js，它简化了redux-saga的操作，使用上更加直观，降低了使用成本个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...原创 2021-11-29 23:00:00 · 275 阅读 · 0 评论 -
[Redux/Mobx] 什么是redux？说说你对redux的理解？有哪些运用场景？
[Redux/Mobx] 什么是redux？说说你对redux的理解？有哪些运用场景？Redux是一个数据管理的库，它除了将数据存储在单一数据源中之外，还确定了变更数据、读取数据的方式，以此来明确了数据的来源，方便调试和问题的定位； 一般Redux需要和react-redux结合应用在React应用中，除了React本身的功能之外，在React中的使用中，还需要注意防止不需要的re-render等问题。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一.原创 2021-11-30 00:00:00 · 611 阅读 · 0 评论 -
[Redux/Mobx] redux和flux的区别是什么？
[react] redux和flux的区别是什么？Flux:Store 包含状态和更改逻辑 有多个 Store 所有 Store 都互不影响且是平级的 有单一调度器 React 组件订阅 store 状态是可变的Redux:Store 和更改逻辑是分开的 只有一个 Store 带有分层 reducer 的单一 Store 没有调度器的概念 容器组件是有联系的 状态是不可改变的个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一.原创 2021-11-29 22:00:00 · 476 阅读 · 0 评论